首页 > 其他 > 详细

右侧跟踪导航

时间:2015-12-16 22:49:10      阅读:251      评论:0      收藏:0      [点我收藏+]

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: 跟随页面滚动 -->

 

右侧跟踪导航

原文:http://www.cnblogs.com/iicoo/p/5052370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!