ios下scrollTop触发不灵敏

发布于 2022-09-06 20:03:57 字数 681 浏览 49 评论 0

比如说ios下页面滚动条滚动到设定位置的时候让页面中某个元素show,问题是滚动条到这个位置的时候得等1、2秒才能show出来(有种卡顿的感觉)。代码如下:

<script>
window.addEventListener('scroll', backTopBtn);
function backTopBtn(){
            var otop;
            if(document.body.scrollTop){
                otop = document.body.scrollTop;
            }else if(document.documentElement.scrollTop){
                otop = document.documentElement.scrollTop;
            }
            if(otop >= 600){
                document.querySelector('#backtop').style.display = 'block';
            }else{
                document.querySelector('#backtop').style.display = 'none';
            }
        }
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

丑疤怪 2022-09-13 20:03:57

不是不灵敏,ios的scrollTop的通病,你的手指在屏幕上滑,还是能响应事件的,
只要手指离开屏幕,页面自己滚的时候,要等到滚动停止才能响应事件。

可以用第三方组件iScroll

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文