首页 > 解决方案 > React Page Scroller 不允许 useScrollTrigger 工作(react-page-scroller 和 @material-ui/core)

问题描述

我正在做一个项目,我将@material-ui/core其用作框架并且有一个Appbar构建这样在向下滚动时我必须更改Appbar. 经过一番搜索,我确实得到了一个完美的解决方案useScrollTrigger,起初效果很好。

但是,后来当我的项目变大并且安装了更多包时,滚动功能停止工作。我试图弄清楚,发现这react-page-scroller是罪魁祸首。该软件包还具有一些滚动控件,并且以某种方式禁用了触发因素,useScrollTrigger并且颜色从未改变。

为了更好地理解,我在CodeSandbox上上传了一些代码。我添加了评论,以便您可以更改并检查我要传达的内容。

请检查!!

有什么解决方案可以解决这个问题吗?

谢谢!!

标签: reactjsscrollreact-hooksmaterial-ui

解决方案


推荐阅读