移动端通过scroll事件固定一个容器到顶部出现的问题?
高洛峰
高洛峰 2016-10-24 15:19:06
0
1
777
       var $til = $(".wrap-title"),tilTop = $til.offset().top;
        $(window).on("scroll", function() {  
                  var newTop = $(document).scrollTop();       
                       if(newTop > tilTop) {
                $til.addClass("tofixed");
            }            else{
                $til.removeClass("tofixed");
            }
        });

当滚动手机页面到wrap-title的容器时,让容器固定到顶部(fixed),在pc上是没有问题的,
但安卓的手机浏览器就卡那么一下,才实现效果,一点都不流畅。
ios上貌似当手指离开屏幕时才实现效果?
移动端怎么会那么多问题?我该怎么修改代码呢?


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(1)
三叔

页面滚动结束之后才会执行回调, 移动端就是这样的, 代码无法改变这种内置的行为. 如果要改, 可能得做页面滚动模拟, 成本太大.

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板