微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Webkit - 不先向下滚动就无法向上滚动

如何解决Webkit - 不先向下滚动就无法向上滚动

我在 Webkit 浏览器上遇到了这个奇怪的错误,如果用户尝试在我的 div 中向上滚动,他们无法这样做,而无需先向下滚动 - 如果用户位于 div 的底部,他们无法向上滚动。可以找到有关此问题的更多详细信息和视频:https://github.com/manufont/react-swipeable-bottom-sheet/issues/21?_pjax=%23js-repo-pjax-container

我不确定这个问题的确切原因是什么,但我正在尝试实现一个解决方案,我拦截滚动事件,如果用户试图向上滚动 - 我首先向下滚动一个像素,然后然后允许用户向上滚动。我将 strlen 处理程序添加到我的组件并具有以下代码

onScroll

在这代码中,我总是向下滚动一个像素,但问题是我无法检测滚动方向 - 我查看了执行此操作的各种解决方案,包括这个:https://stackoverflow.com/a/62497293/4909000 和 { {3}} 但它们都不适合我 - const handleScroll = e => { const element = e.target; element.scrollTo(0,element.scrollTop + 1); if (element.scrollHeight - element.scrollTop === element.clientHeight) { // do something at end of scroll console.log('END OF SCROLL'); element.scrollTo(0,element.scrollTop - 1); } }; 未定义,钩子解决方随机打印 currentTarget.scrollY 并且似乎根本不起作用。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。