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

平滑地阻止滚动超过react / js中的给定高度

如何解决平滑地阻止滚动超过react / js中的给定高度

我正在建立一个带有react的网站,用户可以通过向下滚动页面来浏览内容。 现在,我正在寻找一种方法来防止用户在给定的高度上进一步滚动,直到他完成给定的动作为止。 我有一个可行的解决方案,基于每次window.scrollTo(0,height)但在Chrome中调用scrollTop > height,在Macbook上使用触控板进行滚动,您可以看到页面滚动经过“障碍”,然后向后滚动,看起来很小故障。

到目前为止,这是我的代码https://codesandbox.io/s/scroll-lock-at-height-oug7w?file=/src/App.js:238-366

与我的应用程序相比,它在Codepen中更平滑,但是我仍然时不时会出现一些故障。 是否有任何更平滑解决方案的暗示,真的感觉就像到达了页面的结尾吗?

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