禁用Elastic Sc​​rolling Chrome / Safari

Question

This method对我来说根本不起作用。

有没有更新的现代方式吗？

我的客户总是讨厌它，我还没有找到一种禁用它的好方法。

通过弹性滚动，我的意思是一旦你到达页面的顶部或底部，这些浏览器允许页面“过度滚动”以显示空白区域。我试图阻止这种行为。

Answer 1

如果CSS hack在你的情况下不删除它，那么你可能需要使用JS来处理滚动。

我强烈建议不要这样做，因为用户希望滚动表现出某种方式。更不用说让JS滚动变得平滑并且像原生滚动一样响应起来非常困难。

我不知道你在建造什么，所以当然这可能不适用于你的情况，但你应该（通常，除非你有令人信服的理由反对它），这样的常见互动就是操作系统，以避免混淆用户。您的客户可能不喜欢它，但这是他们的用户期望的，这应该更重要。

Answer 2

这是一种禁用Chrome的方法

  stateReducer: (newState, action) => {
    switch (action.type) {
      case 'toggleAllRowsSelected':
        return {
          ...newState,
          selectedRowIds: {},
        };

      default:
        return newState;
    }
  }

来自：https://react-table.tanstack.com/docs/api/useTable