【问题标题】:React sticky Navbar反应粘性导航栏
【发布时间】:2020-06-08 11:40:51
【问题描述】:

我正在尝试使我的反应导航栏具有粘性,同时导航栏中的徽标和项目在到达每个部分时都应该改变颜色。我正在使用一个透明的导航栏,在滚动该部分的顶部之前它不应该是可见的。导航栏位于 app.js 文件中。下面是我正在开发的 react 应用程序的文件夹结构。(我没有使用引导导航栏)

Folder_Structure

我尝试了博客提供的一种方法,该方法使用钩子来控制状态。但是我无法将项目主要部分的元素引用到应用程序。

https://www.ibrahima-ndaw.com/blog/build-a-sticky-nav-with-react/

实现这一点的任何可能帮助都将非常有帮助。谢谢。

【问题讨论】:

  • 为什么要发文件夹结构的截图?
  • @ziggystar 让我清楚地了解我想要实现的目标。
  • 我想我不明白。粘性导航栏与您的项目布局有什么关系?您不应该发布一些源代码来显示您在实现导航栏方面的失败努力吗?
  • @ziggystar 我是这个社区的新手。我将包含我尝试过的源代码

标签: reactjs navbar sticky


【解决方案1】:

您尝试为导航栏指定一个类名并将其设置为在 app.css 文件上粘贴的位置?

【讨论】:

    猜你喜欢
    • 2023-03-21
    • 2018-11-02
    • 1970-01-01
    • 1970-01-01
    • 2014-04-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多