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

Question

我想让我的网页标题保持在页面顶部，同时用户滚动浏览其余部分。网上有很多地方展示了如何做到这一点，例如here，但它们都需要在如此多的像素中指定元素的宽度和高度。如果我试图让我的元素响应（我使用Bootstrap）并调整自己以适应屏幕，该怎么办？如何让标题停留在最初的位置？

Answer 1

由于您使用的是Bootstrap，因此它附带了一个类来执行此操作：

将类navbar-fixed-top添加到导航div中，如下所示：

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

Answer 2

我认为您只需要向标头标签声明<h2 style="text-align: center; font-size: 40px; font-weight: bold;"><span style="color: #ffffff; ">The 4-Step Strategy We Used to Build a</span><br /> <span style="color: #ffffff;"> 7-Figure Coaching Business...</span><br /> <span style="color: #ffffff; font-size: 25px; "> (while ignoring ALL the conventional wisdom!)</span></h2><p style="text-align: center;"><a style="font-family: 'Open Sans Condensed'; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd800',endColorstr='#f7d100'); background: -moz-linear-gradient(center top,#ffd800 5%,#f7d100 100%); background-color: #ffd800; display: block; margin: 0 auto; position: relative; min-height: 33px; width: 280px; text-decoration: none; font-weight: bold; font-size: 30px; color: #fdffff; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: none; padding: 17px 10px; text-align: center; z-index: 2; margin-top: 12px;" href="#">Claim My Spot Now >></a></p> 即可。这是一个example

Answer 3

你应该使用position：fixed作为外部div。搜索固定的导航栏，您将获得一个巨大的列表或参考here