繁体   English   中英

滚动时如何使网页的标题保持在顶部?

[英]How to make the header of a webpage remain at the top when scrolling?

我想让我的网页的标题保持在页面的顶部,而用户滚动浏览其余部分。 网上有很多地方展示了如何做到这一点,例如这里,但它们都需要以如此多的像素指定元素的宽度和高度。 如果我试图让我的元素具有响应性(我正在使用 Bootstrap)并调整它们自身的大小以适应屏幕怎么办? 如何让标题保持在最初的位置?

由于您使用的是 Bootstrap,它带有一个类来执行此操作:

将类navbar-fixed-top到您的导航 div 中,如下所示:

<div class="navbar navbar-default navbar-fixed-top"> .... </div>

我认为你只需要声明position: fixed到标题标签就可以了。 这是一个例子

您应该对外部 div 使用 position:fixed。 搜索固定导航栏,你会得到一个巨大的列表或参考这里

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM