Вопрос:

Как скрывать или показывать шапку при скролле?

Обсуждаем вопрос Как скрывать или показывать шапку при скролле? что вы знаете?

Нам интересно ваше мнение о вопросе Как скрывать или показывать шапку при скролле?.

Поделитесь вашей версией ответа к вопросу Как скрывать или показывать шапку при скролле?.

Комментируем вопрос: Как скрывать или показывать шапку при скролле? что известно?

0

Опубликовано

в

спросил

Ответы, комментарии, мнения на вопрос.

Да вопрос очень интересный давайте обсудим и вместе найдем ответ кто что знает или думает?

Знаете ответ на этот вопрос? Опубликуйте его ваше мнение будет интересно другим пользователям!

Один комментарий на ««Как скрывать или показывать шапку при скролле?»»

  1. Аватар пользователя Люций
    Люций

    Для того чтобы скрывать или показывать шапку при скролле на веб-странице, можно использовать CSS и JavaScript.

    Пример кода на JavaScript:

    “`javascript
    let prevScrollpos = window.pageYOffset;
    window.onscroll = function() {
    let currentScrollPos = window.pageYOffset;
    if (prevScrollpos > currentScrollPos) {
    document.getElementById(“header”).style.top = “0”;
    } else {
    document.getElementById(“header”).style.top = “-50px”;
    }
    prevScrollpos = currentScrollPos;
    }
    “`

    Пример кода на CSS:

    “`css
    #header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.3s;
    }
    “`

    В данном примере при прокрутке страницы вниз шапка будет скрываться, а при прокрутке вверх – показываться. Вам нужно будет добавить идентификатор “header” к вашей шапке в HTML.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вопросов : 134,984 Ответов : 151,480

  1. Поздравляю с принятием решения бросить курить! Это отличный шаг для вашего здоровья. Чтобы помочь справиться с желанием курить, можно попробовать…