В настоящее время я работаю с шаблоном adminlte, и я хочу создать элемент с липким поведением, но я не знаю, кажется, что я не могу сделать это, даже помещая в div различных файлов.
Я хочу поместить липкий div под панель навигации (в этом оранжевом div):
![i want to place the sticky div under the navbar(in this orange div)](https://i.stack.imgur.com/7DXn0.png)
CSS:
.sticky{
position: -webkit-sticky;
position: sticky;
width: 100%;
}
HTML:
@section('content')
<div id="page-top" style="margin-top: -15px ">
<div class="sticky" style="background: #66c1bd;height: 3em;top:0px;position: sticky;position: -webkit-sticky;">
test
</div>
<!-- multistep form -->
<!-- The Modal -->
</div>
Даже я использую встроенный CSS, который все еще не работает,
Предварительный просмотр
Начало:
![beginning](https://i.stack.imgur.com/83Mon.png)
после прокрутки немного:
![after scroll a bit](https://i.stack.imgur.com/diBWQ.png)
Другая информация, я использую laravel. Но не думайте, что это проблема.