【问题标题】: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 方式进行操作。具体实现将根据您想要实现的目标、使用哪个组件和您的场景而有所不同。希望这会有所帮助!

      【讨论】:

        猜你喜欢
        • 2021-12-11
        • 1970-01-01
        • 2020-12-31
        • 1970-01-01
        • 2018-12-18
        • 1970-01-01
        • 2021-12-11
        • 2018-10-22
        • 2021-06-20
        相关资源
        最近更新 更多