【问题标题】:Change Navbar background-color on scroll in ReactJS在 ReactJS 中滚动时更改导航栏背景颜色
【发布时间】:2020-07-01 16:38:55
【问题描述】:

我有以下 ReactJS 代码,它们以这种方式工作。在滚动 30px 时,它会将标题背景颜色更改为蓝色,并在返回 0px 时变为透明。我认为它运作良好。但我的问题在于另一件事。我只希望它在我的主页(“/”)上工作。我怎样才能实现它?

My COde

我试试这个

    backgroundColor: change && useLocation().pathname == "/" ? "blue" : "transparent"

但这对我没有帮助。

在其他情况下(“),就像原来一样,让它保留。拜托,我需要帮助。

【问题讨论】:

  • 你的例子对我来说很好
  • 在其他页面(联系方式和关于)上滚动它会将他的 bgColor 更改为蓝色,并以透明的方式返回 0px。这不应该是․ Իt 应该只在主页上工作。

标签: javascript reactjs


【解决方案1】:

我认为你只需要

backgroundColor: useLocation().pathname === "/" && change ? "transparent" : 'blue',

【讨论】:

    猜你喜欢
    • 2017-12-27
    • 2017-04-30
    • 1970-01-01
    • 2020-04-18
    • 1970-01-01
    • 2018-06-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多