Как создать липкие заголовки, используя jquery и css

Я пытался создать липкие заголовки, подобные тем, которые мы видим в заголовках разделов. Но я должен создать это при прокрутке страницы, а не при прокрутке элемента div. Так как у меня есть скрипт js, запускающийся, когда скроллер достигает нижней части страницы.

Мой скрипт php, который генерирует страницу, и в представлении есть отдельные файлы, т.е. header_view.php

main_view.php

footer_view.php

Содержимое липкого заголовка находится внутри main_view.php, поэтому, если я попытаюсь применить стиль CSS css :fixed или position:absolute и top:0 к заголовкам, они не отображаются в верхней части экрана, вместо этого они появляются сразу после header_view Содержание.php заканчивается. Также они не зафиксированы, они прокручиваются при прокрутке страницы. Как можно будет расположить ее в верхней части экрана с фиксированной позицией.

1 ответ

Вы пытались дать ему z-index?

так

position: absolute;
top: 0;
z-index: 15;//for example

Так что заголовок будет над текстом

Другие вопросы по тегам