右侧跟踪导航

jQ code 

/* 返回顶部 */
(function(){
    var $goTop = $('#fixed-gotop');
    $goTop.hide();
    $goTop.bind('click', function() {
        $('body,html').animate({scrollTop: 0},200);
        return false;
    });
    $(window).bind('scroll load resize', function(){
        var scrollTop = $(this).scrollTop();
        if (scrollTop < 500) {
            $goTop.slideUp(200);
        } else {
            $goTop.slideDown(200);
        }
        
    })
})();

html code

<!-- START: 跟随页面滚动 -->
<div class="page-fixed"> 
    <a class="fixed-service" href="/zaixiankefu/index.shtml" target="_blank" otitle="客服-右侧悬浮模块" otype="button">客服</a> 
    <div class="fixed_wx"> 
        <div class="fixed_wx_box dn"> 
            <div class="fixed_wx_jt fixed_wx_icon"></div> 
            <div class="fixed_wx_con c"> 
                <div class="fixed_wx_con"> 
                    <div class="fixed_wx_img fixed_wx_icon"></div> 
                    <p class="fixed_wx_text">微信关注<a href="#" target="_blank" otype="button" otitle="-右侧悬浮模块" class="fixed_wx_link" id="wxgz">商城</a></p> 
                    <div class="fixed_wx_bot fixed_wx_icon"></div> 
                </div> 
            </div> 
        </div> 
    </div> 
    <a class="fixed-gotop" id="fixed-gotop" href="javascript:var bd_gotop;" otitle="置顶-右侧悬浮模块" otype="button">置顶</a> 
</div>
<!-- END: 跟随页面滚动 -->
原文地址:https://www.cnblogs.com/iicoo/p/5052370.html