html - 我可以在父容器外使用 CSS `position:sticky` 吗?

标签 html css css-position sticky

我的 Markdown 看起来像 -

<body>
  <header>
   <div class"logo" />
   <div class"contact-info" />
   <div class="sticky-navigation"/>
  </header>
<main>
  <!-- content -->
</main>
</body>

我需要用 sticky-navigation 制作 div当用户滚动 body 时,它的行为就像一个粘性导航。有没有办法使用 position:sticky做同样的事情?

据我所知,position:sticky 的使用高度依赖于标记,并且只适用于整个 <header/> .

最佳答案

position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */

如果你只使用 css - 那么你可以使用 position:fixed

关于html - 我可以在父容器外使用 CSS `position:sticky` 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44253377/

相关文章:

javascript - jQuery 语法并置两个元素

html - 使用css在同一个表中并排排列表头 block 和表数据?

html - 隐藏的CSS水平导航子菜单

javascript - 优化不可重复的模式

javascript - 使用表中的数据反转 Highcharts 上的轴

jquery - 设置三种不同字体大小的容器

css - 如何制作固定位置的菜单栏?

css - 修复桌面上的容器(992 像素及以上)

html - 如何仅使用 css 有条件地调整填充?

jquery - 在 firefox 中为固定位置居中的 div 设置动画时如何防止 jquery 动画水平位置跳跃