干货分享,灵感创作,不定期更新,敬请期待。

前端观察之滚动改变定位方式

前端 xhq 1768℃ 0评论

因为不知道起什么标题好,大家看完懂意思就好(在很多网站导航用到,当滚到一定距离把他定在顶部)

现附上一段代码

        $(function(){
        	var _main=$(".sitebar_affix");
            var _t=_main.offset().top;/*初始距顶值*/
            $(window).scroll(function(){
                var _w_t=$(window).scrollTop();/*滚动距顶值*/
                if(_w_t>_t-60){
                    _main.addClass("sitebar_affix1");
                }else{
                    _main.removeClass("sitebar_affix1");
                }
            });
        });

这里不讲深奥的,就是滚动到一定距离后改变定位方式,如图1的2,图2的3。那么,上面代码中的60从哪来呢,如图2中的1
图1
1
图2
1 - 副本

转载请注明:爱游思 » 前端观察之滚动改变定位方式

喜欢 (0)

您必须 登录 才能发表评论!