【问题标题】:Where is onScroll event in material ui材质ui中的onScroll事件在哪里
【发布时间】:2017-11-30 18:40:04
【问题描述】:
我在Material UI 中找不到任何显示onScroll 已触发函数的文档。我所有的组件要么是功能性和无状态的,要么是具有mapStateToProps 和mapDispatchToProps API 的容器组件。
有人如何编写 Material UI List 和 ListItem 组件以包含 mapDispatchToProps 中的函数的滚动事件以运行?有点击事件,但没有像onScroll这样的滚动事件。
【问题讨论】:
标签:
reactjs
redux
react-redux
material-ui
【解决方案1】:
您需要自行实现onScroll 处理程序,方法因组件的默认行为而异。
像Drawer 这样的组件可以接受onScroll 作为道具,因为如果内容高于视口并且根据文档,它的根元素会滚动:
提供的任何其他属性将为spread to the root element。
您提到的其他组件,例如 List 和 ListItem,默认情况下不滚动,需要使用 onScroll 处理程序包装在元素中。
【解决方案2】:
当我遇到同样的问题时,我所做的只是使用getElementByXXX 来获取 DOM 中的特定标签,然后以普通的 JS+DOM 方式进行操作。具体实现将根据您想要实现的目标、使用哪个组件和您的场景而有所不同。希望这会有所帮助!