向下滚动时如何使标题和导航栏都固定在顶部

用户3152370

向下滚动时,如何使导航栏低于并靠近标题栏?当前导航栏覆盖标题。这是我到目前为止所取得的成就,请检查此 JSFiddle并帮助我修复它。

这是我目前在标题栏上的 css:

position: fixed;
width:100%;
height: 50px;
background-color: chartreuse;
text-align: center;
杰伊·詹姆斯·杰伊

您只能使用 CSS postion: sticky(而不是 js)。例如:

.element {
   position: sticky;
   top: 10px;
}

JSFiddle

MDN - 位置 - CSS

我可以使用 - 浏览器支持位置:粘性

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

向下滚动时,导航栏变为透明并固定在顶部

来自分类Dev

向下滚动时,导航栏变为透明并固定在顶部

来自分类Dev

滚动时如何将导航栏固定在顶部?

来自分类Dev

向下滚动到时,将导航栏固定在顶部

来自分类Dev

当导航栏固定在滚动条顶部时,添加品牌徽标和li

来自分类Dev

CSS-使导航栏在滚动时固定在固定顶部导航栏上吗?

来自分类Dev

如何使导航栏固定在顶部

来自分类Dev

向下滚动导航栏固定顶部容器流体时引导导航栏容器

来自分类Dev

JQUERY:为什么向下滚动时我的导航仪没有固定在顶部?

来自分类Dev

导航栏固定在顶部

来自分类Dev

Bootstrap 表标题在我滚动时保持固定在导航栏下

来自分类Dev

Bootstrap导航栏在固定在顶部时反复跳跃

来自分类Dev

滚动时使菜单栏固定在顶部

来自分类Dev

具有固定在顶部的导航栏和Bootstro的Bootstrap

来自分类Dev

具有固定在顶部的导航栏和Bootstro的Bootstrap

来自分类Dev

如何正确使导航栏保持固定在屏幕顶部?

来自分类Dev

如何正确使导航栏保持固定在屏幕顶部?

来自分类Dev

如何使导航栏固定在页面顶部且不可重叠

来自分类Dev

向下滚动时如何隐藏导航栏?

来自分类Dev

向下滚动页面时,导航栏将移至顶部

来自分类Dev

滚动后固定在顶部的导航

来自分类Dev

向下滚动并从 UITableViewController 返回时,导航栏标题变小

来自分类Dev

滚动时如何保持<li>元素固定在<ul>元素的顶部和底部

来自分类Dev

滚动时更改导航栏固定的顶部颜色

来自分类Dev

滚动时如何使导航栏保持固定

来自分类Dev

单击导航链接时如何向下滚动到导航栏

来自分类Dev

单击导航链接时如何向下滚动到导航栏

来自分类Dev

使用 jquery 向下滚动后,表格未固定在顶部

来自分类Dev

将导航栏固定到顶部,同时向下滚动到目前为止

Related 相关文章

  1. 1

    向下滚动时,导航栏变为透明并固定在顶部

  2. 2

    向下滚动时,导航栏变为透明并固定在顶部

  3. 3

    滚动时如何将导航栏固定在顶部?

  4. 4

    向下滚动到时,将导航栏固定在顶部

  5. 5

    当导航栏固定在滚动条顶部时,添加品牌徽标和li

  6. 6

    CSS-使导航栏在滚动时固定在固定顶部导航栏上吗?

  7. 7

    如何使导航栏固定在顶部

  8. 8

    向下滚动导航栏固定顶部容器流体时引导导航栏容器

  9. 9

    JQUERY:为什么向下滚动时我的导航仪没有固定在顶部?

  10. 10

    导航栏固定在顶部

  11. 11

    Bootstrap 表标题在我滚动时保持固定在导航栏下

  12. 12

    Bootstrap导航栏在固定在顶部时反复跳跃

  13. 13

    滚动时使菜单栏固定在顶部

  14. 14

    具有固定在顶部的导航栏和Bootstro的Bootstrap

  15. 15

    具有固定在顶部的导航栏和Bootstro的Bootstrap

  16. 16

    如何正确使导航栏保持固定在屏幕顶部?

  17. 17

    如何正确使导航栏保持固定在屏幕顶部?

  18. 18

    如何使导航栏固定在页面顶部且不可重叠

  19. 19

    向下滚动时如何隐藏导航栏?

  20. 20

    向下滚动页面时,导航栏将移至顶部

  21. 21

    滚动后固定在顶部的导航

  22. 22

    向下滚动并从 UITableViewController 返回时,导航栏标题变小

  23. 23

    滚动时如何保持<li>元素固定在<ul>元素的顶部和底部

  24. 24

    滚动时更改导航栏固定的顶部颜色

  25. 25

    滚动时如何使导航栏保持固定

  26. 26

    单击导航链接时如何向下滚动到导航栏

  27. 27

    单击导航链接时如何向下滚动到导航栏

  28. 28

    使用 jquery 向下滚动后,表格未固定在顶部

  29. 29

    将导航栏固定到顶部,同时向下滚动到目前为止

热门标签

归档