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

<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>
原文地址:https://www.cnblogs.com/yexiangwang/p/5282383.html