reactjs - 如何在使用 React Infinite Scroll Component 时永久显示 Y 滚动条?
问题描述
我之前尝试overflow-y: scroll;
在父 div 中使用,它确实永久显示了 y 滚动条,但它阻止了 React Infinite Scroll 组件触发“下一个”功能。
我想这样做的原因是,没有它,屏幕在浏览网站时会闪烁。这是由于滚动条在没有结果时隐藏(在加载过程中,某些页面没有很多结果),而在有很多结果时显示。
解决方案
我弄清楚了问题所在。我正在添加overflow-y: scroll;
到父布局 div,但没有添加到 html 正文。如果我将它添加到正文中,那么我可以永久显示滚动条,overflow-y: scroll
并且 React Infinite Scroll Component 下一个道具仍然会在滚动时触发。
推荐阅读
- php - 获取错误记录已成功更新致命错误:未捕获错误:调用数组上的成员函数 fetch_assoc()
- python - 熊猫中的列到行?
- jq - 使用 jq 在某个键上组合两个对象数组
- reactjs - 在我的 web 服务调用完成之前,如何防止 componentDidMount 运行
- git - 使用 .config/directory 作为 git repo
- makefile - 处理从单个输入生成的多个文件
- c++ - 命名空间参数的理想架构设计
- angular - 将角度路由的路径提取到单独的文件中
- android - 如何阻止屏幕上的任何点击,直到对话框显示动画完成?
- swift - 如何使用 swift 处理 JSON 中丢失的对象?