Reactjs 如何使用多个滚动条防止Chrome滞后？
我正在构建一个应用程序，它需要支持在一个页面上水平滚动显示多个div。当水平滚动的div少于5个时，页面工作正常，但当水平滚动的div超过10个时，页面明显滞后。我的意思是，当滚动页面时，fps下降到30以下 我知道延迟是由滚动条引起的，因为当我将div设置为overflow hidden时，延迟不再发生。另外，我注意到这只发生在Chrome上。任何关于如何解决这个问题的建议都将不胜感激 编辑：经过进一步的调查，我意识到这个问题只发生在滚动条只显示滚动条的时候。当滚动条始终显示时，不会出现延迟Reactjs 如何使用多个滚动条防止Chrome滞后？,reactjs,scroll,next.js,Reactjs,Scroll,Next.js,我正在构建一个应用程序，它需要支持在一个页面上水平滚动显示多个div。当水平滚动的div少于5个时，页面工作正常，但当水平滚动的div超过10个时，页面明显滞后。我的意思是，当滚动页面时，fps下降到30以下 我知道延迟是由滚动条引起的，因为当我将div设置为overflow hidden时，延迟不再发生。另外，我注意到这只发生在Chrome上。任何关于如何解决这个问题的建议都将不胜感激 编辑：经过进一步的调查，我意识到这个问题只发生在滚动条只显示滚动条的时候。当滚动条始终显示时，不会出现延迟
经过数小时的尝试，我决定添加CSS代码来始终显示滚动条，这似乎完全解决了延迟问题。我猜这是macOS上Chrome的一个bug。希望这对将来的人有所帮助