У меня есть сайт с 1 страницей с фиксированным заголовком и фиксированным баннером. Мой заголовок отображается только в том случае, когда я прокручиваю страницу со страницы, но когда я далее опускаю страницу, заголовок больше не появится. , пожалуйста, взгляните на мой сайт http://l.esy.es/cmeniano/Скрыть заголовок при прокрутке вниз и показать, когда вниз
ответ
Ну, если я понял ваш вопрос, то это потому, что вы добавляете класс .nav-up
при прокрутке вниз и удалении класса .nav-down
из заголовка. И ваш .nav-up
имеет top:-125px
Недвижимость. Это то, что заставляет ваш заголовок «скрываться».
EDIT:
// Hide Header on on scroll down
var didScroll;
var lastScrollTop = 0;
var navbarHeight = $('header').outerHeight();
$(window).scroll(function(event){
didScroll = true;
});
setInterval(function() {
if (didScroll) {
hasScrolled();
didScroll = false;
}
}, 250);
function hasScrolled() {
var st = $(this).scrollTop();
// If they scrolled down and are past the navbar, add class .nav-up.
// This is necessary so you never see what is "behind" the navbar.
if (st > lastScrollTop){
$('header').removeClass('nav-down').addClass('nav-up');
} else {
$('header').removeClass('nav-up').addClass('nav-down');
}
lastScrollTop = st;
}
Итак, я раздел дельту и сделал функцию hasScrolled
проще, просто проверить, если пользователь прокручивает вверх или вниз и на основании того, что она будет добавить либо .nav-up
или .nav-down
.
Надеюсь, это поможет! :)
Включите jquery в свой файл и используйте этот код для своей веб-страницы, я просто проверил его на вашем сайте, используя firebug.
$(window).scroll(function(e){
var $el = $('header');
if ($(this).scrollTop() > 200){
$('header').css({'display': 'none'});
}
if ($(this).scrollTop() < 200)
{
$('header').css({'display': 'block'});
}
});
Я не уверен, что вы точно ищете, но я надеюсь, что это поможет вам, Best of Luck. Если нет, попробуйте сделать это яснее, и я постараюсь помочь вам снова.
его работая, но когда я под страницей о ней не появляется. Пожалуйста, ознакомьтесь с этой обновленной ссылкой l.esy.es/cmeniano – Christian
- 1. Угловая скрыть заголовок на прокрутке вниз, показать на прокрутке вверх
- 2. Заголовок таблицы при прокрутке вниз
- 3. Скрыть AppBar при прокрутке вниз
- 4. JQuery - скрыть на прокрутке вниз, частично показать на прокрутке вверх, полностью показать, когда наверху
- 5. Изменения при прокрутке вниз
- 6. bootstrap фиксированный заголовок при прокрутке вниз
- 7. Заголовок изменяет непрозрачность при прокрутке вниз
- 8. Скрыть часть экрана при прокрутке вниз
- 9. iOS/Swift - Скрыть/Показать UITabBarController при прокрутке вниз/вверх
- 10. Показать/скрыть макет при прокрутке вверх/вниз android
- 11. Липкий заголовок слайдов вниз при прокрутке вверх
- 12. заголовок фиксированный shacking при прокрутке вниз
- 13. Как исправить заголовок таблицы при прокрутке вниз
- 14. Исправлен заголовок при прокрутке вниз по сайту
- 15. Показать и скрыть Div на прокрутке вверх и вниз
- 16. Скрыть фиксированный заголовок на прокрутке вниз, показать на прокрутке вверх и навести версию 2, пожалуйста
- 17. jQuery: Скрыть элемент немедленно при прокрутке вниз
- 18. Скрыть верхний бар при прокрутке вниз
- 19. слайд вниз меню при прокрутке вниз jQuery
- 20. Обнаруживать при прокрутке вниз
- 21. Затухание при прокрутке вниз
- 22. Скрыть меню прокрутки вниз и показать на прокрутке вверх
- 23. Показать панель поиска при прокрутке вниз и скрыть ее при прокрутке наверх
- 24. Показывать навигацию при прокрутке вниз
- 25. Прокрутка вниз: Показать и скрыть строку заголовка
- 26. Скрыть меню при прокрутке вниз и показать при прокрутке страницы с помощью ванильного JavaScript.
- 27. ImageView Масштабирование при прокрутке вниз
- 28. Скрыть просмотр карты при прокрутке вниз и показать при прокрутке вверх
- 29. Показать нижнюю панель кнопок в ListView при прокрутке вверх и скрыть при прокрутке вниз
- 30. Как скрыть заголовок на прокрутке вниз, показать на прокрутке вверх, как связанное меню
да, это мое намерение прокрутить вниз скрыть навигацию и прокрутить вверх, покажите навигацию. но когда im в разделе about page, а затем, когда я пытаюсь прокрутить вверх, navbar не сходит – Christian
Отредактировав ответ, проверьте его! –
Спасибо, много Mali это сработало – Christian