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

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

javascript reactjs scroll

Javascript 在react/js中平滑地阻止滚动超过给定高度,javascript,reactjs,scroll,scrollto,onscrolllistener,Javascript,Reactjs,Scroll,Scrollto,Onscrolllistener,我正在用react建立一个网站，用户通过向下滚动页面来探索内容。现在，我正在寻找一种方法来防止用户在完成给定操作之前在给定高度上进一步滚动。我有一个可行的解决方案，它基于调用窗口。每当scrollTop>height时，滚动到（0，height），但在Chrome中，使用Macbook上的触摸板进行滚动，你可以看到页面滚动越过“屏障”，然后向后滚动，这看起来非常容易出错以下是我目前的代码：它在代码笔中比在我的应用程序中更平滑，但我仍然时不时地遇到一些小故障。有没有关于一个更平滑的解决方

我正在用react建立一个网站，用户通过向下滚动页面来探索内容。现在，我正在寻找一种方法来防止用户在完成给定操作之前在给定高度上进一步滚动。我有一个可行的解决方案，它基于调用

窗口。每当scrollTop>height
时，滚动到（0，height）

，但在Chrome中，使用Macbook上的触摸板进行滚动，你可以看到页面滚动越过“屏障”，然后向后滚动，这看起来非常容易出错

以下是我目前的代码：

它在代码笔中比在我的应用程序中更平滑，但我仍然时不时地遇到一些小故障。有没有关于一个更平滑的解决方案的提示，感觉真的像是到达了页面的末尾