我正在尝试用这个模板制作一个网站。删除顶部留下标题,图像轮播,接下来是导航栏。我希望它在滚动时保持固定在顶部。我有一些先前的示例可以帮助我进行引导,但是在这种情况下,我不知道该怎么做。我不知道是否有办法在没有引导程序的情况下做到这一点,或者我是否必须添加引导程序才能获得它。谢谢。这是正文代码的开头:
<body class="page1" id="top">
<header>
<!--<div class="container_12">
<div class="grid_12">
<h1>
<a href="index.html">
<img src="images/milogo.jpg" alt="Your Happy Family">
</a>
</h1>
</div>
</div>
<div class="clear"></div>-->
<ul id="slippry">
<li>
<a href="#slide1"><img src="images/jardines/jardin1.jpg" alt="Le dejamos un jardin de ensueño."></a>
</li>
<li>
<a href="#slide1"><img src="images/desbroces/desbroce-2.jpg" alt="Desbrozamos y limpiamos su finca."></a>
</li>
<li>
<a href="#slide1"><img src="images/vallas/vallas.jpg" alt="Cercamos su finca con postes de madera."></a>
</li>
</ul>
和导航栏线:
<nav class="horizontal-nav full-width horizontalNav-notprocessed">
我已经得到了我正在寻找的一个相当简单的代码,我把它留在这里,我希望它能为其他人服务,并且我在这个页面上找到了。谢谢你的支持。
要使某些东西固定,只需使用固定位置,然后使用顶部(或底部)和左侧(或右侧)来指示要放置元素的位置:
如果您想使用引导程序来执行此操作,则只需将 class
fixed-top
(如文档所示)添加到您的元素中,如下所示您在 css 中
position:fixed
有保持元素固定的属性。要将其设置为某个位置,您必须使用属性 top、bottom、left 和 right 来指示它。有一个教程可以很好地教它:这里如果您注意到,请使用以下规则:
位置固定在
Top: 0
解决方案很简单,您只需将其添加到您的容器中: