【问题标题】:css: floating nav bar that fixes when touching the topcss:触摸顶部时修复的浮动导航栏
【发布时间】:2013-08-12 16:24:42
【问题描述】:

我正在寻找实现这一目标的方法:

一个正常放入页面的导航栏,当我滚动时它触及顶部时,它会固定在那里。

你可以用另一种方式来理解它:它就像一个固定的导航栏,一开始没有放在顶部。

类似于this question,那个人正在使用 js,但我想要一个更简单的解决方案。

我正在使用引导程序,是否可以使用纯 css 来执行此操作?

【问题讨论】:

    标签: css twitter-bootstrap navbar


    【解决方案1】:

    如果您使用的是引导程序,为什么不只使用内置的 "Affix" 组件?

    不过,为了更准确地回答您的问题,不,没有办法单独使用 CSS 来做到这一点。原因是 CSS 无法监控滚动位置。使用 javascript 就像添加一个监听器来滚动窗口的位置一样简单,并在到达“x”像素时切换一个具有固定位置的类。

    【讨论】:

      猜你喜欢
      • 2021-06-04
      • 1970-01-01
      • 2018-02-03
      • 2013-12-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多