jQuery实现返回顶部
时间：2015-11-16 阅读：次 QQ群：182913345
如何利用jQuery返回网页顶部，这里的话我就把代码贴出来。
1、在head或者foot中添加一个返回顶部的div：
<div id="toTop" class="hidden-xs" style="display: none;">返回顶部</div> |
2、在CSS中添加对应的样式：
/*返回顶部*/
#toTop {position: fixed;right: 20px;bottom: 25px;z-index: 12;display: none;width: 47px;height: 47px;background: url(../Img/toTop.png) no-repeat;text-align: center;text-indent: -9999px;cursor: pointer;}
|
3、在公用js中添加如下js代码：
//返回顶部
$(window).scroll(function(){
if($(this).scrollTop() != 0){
$("#toTop").fadeIn();
}else{
$("#toTop").fadeOut();
}
});
$("#toTop").click(function(){
$("body,html").animate({
scrollTop: 0
}, 800)
})
|
下一篇：js判断网页是否在微信中打开
近期热点
推荐阅读
扫一扫，更多精彩内容推送
