Bootstrap navbar с содержимым выше не прилипает - PullRequest
Новая
       27

Bootstrap navbar с содержимым выше не прилипает

0 голосов
/ 12 июня 2018

У меня есть Navbar Bootstrap 4 с заголовком над ним.Я хочу, чтобы при прокрутке заголовок исчезал, но навигационная панель оставалась наверху.

Я поставил Jquery в очередь в моем functions.php.

Вот мой CSS в style.css:

.navbar {position:sticky;}

Вот мой скрипт в header.php: 

<script>
var $sticknav = $('.navbar');
$(document).scroll(function() {
    $sticknav.css({position: $(this).scrollTop()>0 ? "sticky":"fixed"});
});</script>

Насколько я понимаю, он нацелен на .navbar и изменяет значение 'position' в CSS элемента с«прилипать» к «фиксированному», как только пользователь прокручивает вверх.

Однако элемент не прилипает, CSS не меняется.Что я делаю не так?

1 Ответ

0 голосов
/ 12 июня 2018

Полагаю, вам нужен обмен по правилам CSS. 

<script>
var $sticknav = $('.navbar');
$(document).scroll(function() {
    $sticknav.css({position: $(this).scrollTop()>0 ? "fixed":"sticky"});
});</script>

https://codepen.io/anon/pen/QxvJym

...