您的位置:首页 > Web前端 > JQuery

jQuery回到顶部代码

2017-12-29 12:38 239 查看
1、在css中需要添加的

#back_top{width: 60px;height: 60px;border-radius: 60px;float:left;background-color:gainsboro;display:none;position: absolute;}
#back_top a div{text-align: center;margin-top: 10px;}

2、在HTML中添加的(添加到任意位置都可以,尽量放到最后)

<div id="back_top">
<a href="#"><div>回到</br>顶部</div></a>
</div>

3、需要在script中添加的

$(window).scroll(function () {
//获取窗口滚动的高度
var h1 =$(window).scrollTop();
var h2 = h1+500;
var w = 900;
if(h1>100){
$("#back_top").show().css({"top":h2+"px","left":w+"px"});
}else{
$("#back_top").hide();
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: