优艾设计网

移动端通过scroll事件固定一个容器到顶部出现的问题??

优艾设计网 https://www.uibq.com 2023-06-13 07:31 出处:网络 作者:在线设计
var $til = $(\".wrap-title\"),tilTop = $til.offset().top; $(window).on(\"scroll\", function() { var newTop = $(document).scrollTop(); if(newTop > tilTop) { $til.addClass(\"tofixed\"); } else{ $til.

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上貌似当手指优艾设计网_Photoshop百科离开屏幕时才实现效果?
移动端怎么会那么多问题?我该怎么修改代码呢?


ty_茹果741 15小时前

优艾设计网_PS交流

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


0

精彩评论

暂无评论...
验证码 换一张
取 消