您的位置:首页 > 其它

页面跟随滚动---offset()

2016-03-16 10:20 267 查看
<ul class="rigfie">
<li class="rig1"><a href="">购物车</a></li>
<li class="rig2"><a href="">联系客服</a></li>
<li class="rig3"><a href="">收藏</a></li>
<li class="rig4"><a href="">回到顶部</a></li>
</ul>
<script type="text/javascript">
/*跟随滚动条滚动*/
var menuYloc = $(".rigfie").offset().top;
$(window).scroll(function (){
var offsetTop = menuYloc + $(window).scrollTop() +"px";
$(".rigfie").animate({top : offsetTop },{ duration:600 , queue:false });
});
/*回到顶部效果*/
$('.rig4').click(function(){
$("html, body").animate({
scrollTop: 0
},'fast');
})
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: