首页 > 解决方案 > 如何在使用 React Infinite Scroll Component 时永久显示 Y 滚动条?

问题描述

我之前尝试overflow-y: scroll;在父 div 中使用,它确实永久显示了 y 滚动条,但它阻止了 React Infinite Scroll 组件触发“下一个”功能。

我想这样做的原因是,没有它,屏幕在浏览网站时会闪烁。这是由于滚动条在没有结果时隐藏(在加载过程中,某些页面没有很多结果),而在有很多结果时显示。

标签: reactjsreact-infinite-scroll-component

解决方案


我弄清楚了问题所在。我正在添加overflow-y: scroll;到父布局 div,但没有添加到 html 正文。如果我将它添加到正文中,那么我可以永久显示滚动条,overflow-y: scroll并且 React Infinite Scroll Component 下一个道具仍然会在滚动时触发。


推荐阅读