平滑地阻止滚动超过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 (将#修改为@)