reactjs - React Page Scroller 不允许 useScrollTrigger 工作(react-page-scroller 和 @material-ui/core)
问题描述
我正在做一个项目,我将@material-ui/core
其用作框架并且有一个Appbar
构建这样在向下滚动时我必须更改Appbar
. 经过一番搜索,我确实得到了一个完美的解决方案useScrollTrigger
,起初效果很好。
但是,后来当我的项目变大并且安装了更多包时,滚动功能停止工作。我试图弄清楚,发现这react-page-scroller
是罪魁祸首。该软件包还具有一些滚动控件,并且以某种方式禁用了触发因素,useScrollTrigger
并且颜色从未改变。
为了更好地理解,我在CodeSandbox上上传了一些代码。我添加了评论,以便您可以更改并检查我要传达的内容。
请检查!!
有什么解决方案可以解决这个问题吗?
谢谢!!
解决方案
推荐阅读
- swift - 无法在具有 Self.Index 类型的 Collection 上下标
- database - 尝试导入 .dmp 数据 postgresql 时出现时间戳错误
- ruby-on-rails - 添加/删除 ActiveRecord 关联而不更改数据库
- php - Wordpress - 如何在我的页面中显示帖子内容 html?
- python - 如何从 json 响应中获取和附加输出数据,并使用 RobotFramework 和 python 在文件中存储重复的键(如果有)?
- python - JSONDecoder 错误:期望 ',' 分隔符:第 10 行第 29 列(字符 16011)
- python - 删除列表中多次出现的元素
- selenium - WebDriverException:使用 ChromeDriver Chrome 和 Selenium 与 iframe 中的元素交互时目标框架分离
- python-3.x - OSError: [Errno 22] Invalid argument 在 python 中解析 xml 时获取无效参数
- javascript - 使用某些文件扩展名反应上传问题