Я пытаюсь сделать веб-сайт из этого шаблона . Удалите верхнюю часть, оставив заголовок, карусель изображений, а затем панель навигации. Я хотел, чтобы он оставался фиксированным вверху при прокрутке. У меня есть предыдущий пример, который помог мне с начальной загрузкой, но в этом случае я не знаю, как это сделать. Я не знаю, будет ли способ сделать это без бутстрапа, или мне нужно добавить бутстрап, чтобы получить его. Спасибо. Это начало кода тела:
<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">
Я уже получил то, что искал, довольно простой код, который я оставляю здесь, и я надеюсь, что он будет полезен другим, и который я нашел на этой странице . Спасибо за поддержку.
Чтобы сделать что-то фиксированным, просто используйте фиксированное положение, а затем используйте верхнюю (или нижнюю) и левую (или правую) позицию, чтобы указать позицию, в которую вы хотите поместить элемент:
Если вы хотите сделать это с помощью начальной загрузки, то просто добавьте класс
fixed-top
, как указано в документации , к вашему элементу, что-то вроде следующегоУ вас есть в css свойство
position:fixed
, которое фиксирует элемент. Чтобы установить его в положение, вы должны указать его со свойствами сверху, снизу, слева и справа. Есть учебник, который учит этому довольно хорошо: здесьЕсли заметили, используйте правило:
Где положение фиксируется на
Top: 0
Решение простое, вам просто нужно добавить это в свой контейнер: