超简洁代码 JQuery GoTop(返回顶部)
时间:2015-12-03 00:04来源: 作者: 点击:
次
因为是自用OA上使用,所以只看了Chrome和IE11的兼容,如果遇到问题欢迎反馈. $ ( function ( ) { $ ( window ) . scroll ( function ( ) { if ( $ ( this ) . scrollTop ( ) != 0 ) { $ ( #toTop ) . fadeIn ( ) ; } else { $ ( #toT
因为是自用OA上使用,所以只看了Chrome和IE11的兼容,如果遇到问题欢迎反馈.
![](/uploads/allimg/c151202/144Z194214P60-235Y.png)
|
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$("#toTop").fadeIn();
} else {
$("#toTop").fadeOut();
}
});
$("body").append("<div id=\"toTop\" style=\"border:1px solid #444;background:#333;color:#fff;text-align:center;padding:10px 13px 7px 13px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;font-family:verdana;font-size:22px;\">^</div>");
$("#toTop").click(function() {
$("body,html").animate({scrollTop:0},800);
});
});
|
(责任编辑:admin) |
织梦二维码生成器
------分隔线----------------------------