JS-решения №15. Фиксированная шапка при скролле вниз и вверх

[@yusif4183]

Отлично видео, редко касаются тем которые действительно затрудняют начинающих.Спасибо за полезную и важную информацию.

[@maxgraph]

Пожалуйста)

[@Sergey_Klimov]

Круто, и теперь браузер будет вызывать функцию на каждое событие скрола, что очень бьет по производительности.

[@ЮраЧуб-и8й]

Просто понятно и со вкусом. Удачного развития.))))))))))

[@maxgraph]

Спасибо)

[@alexandrgusletsov2567]

круто! Помогло ! header fixed Класс

[@ShocKKKKKKK]

Еще даже не вышло, но лайк влепил))

[@maxgraph]

Спасибо)

[@OskarPrice]

Топовый канал с топовым контентом)

[@maxgraph]

спасибо)

[@hmutyikoot4454]

Очень интересные видео и частенько что-то беру из них! Но есть пару просьб, пожеланий. 1. Лучше бы в самом начале видео показать то, что вы будете делать) 2. Когда получается какая-то ошибка в коде и вы начинаете исправлять, то за этим не всегда хочется смотреть) было бы здорово, если бы в похожих видео было все четко) Ну и побольше бы такой рубрики! Спасибо)

[@maxgraph]

Спасибо

[@dmitriykarabasov1440]

Не согласен. Сама логика поиска ошибки много чему учит

[@TheError220]

Мне показалось некрасивым, что как только чуть крутнул вверх, вылазит шапка, поэтому я начал делать небольшой люфт на скрытие и показ шапки. + красивее когда шапка не просто появляется а выезжает сверху. Накидал пример в кодепене для демонстрации. Не знаю разрешишь ли ссылку, но вот codepen.io/spock51119/pen/bGgadXd

[@ФранцузРусский-ы2ш]

Макс,красавчик! Всегда лайк!

[@maxgraph]

Спасибо)

[@deniskotov]

Видос супер! очень полезно) Спасибо!)

[@maxgraph]

Пожалуйста)

[@nmteg]

Спасибо, очень помогло!)

[@maxgraph]

Пожалуйста)

[@Alex-My-reverence]

👍👍👍

[@sergeykostik1887]

Можно более распространёный вариант, когда сверху меню соц, а ниже ее сама шапка, и при скроле что бы осталась толька шапка?

[@maxgraph]

Ну здесь то же самое, просто нужно смотреть на отступ сверху)

[@АлександрМелянюк-ц9ю]

Спасибо! Макс, а в плейлисте UI-компоненты не появится видео по фильтрам (много фильтров) товаров!?

[@maxgraph]

Привет, а зачем?) Это задача бэкенда, по идее.

[@АлександрМелянюк-ц9ю]

@@maxgraph Ну так, чтобы на канале всё можно было найти) Ну, ладно, как карта уже ляжет) Просто коммент всё равно нужно было написать, вроде как положительно на канал влияет)

[@sergeykostik1887]

Лайк улетел)

[@maxgraph]

спасибо)

[@ВероникаЧернобай-ъ8л]

Максим, спасибо за видео! Скажите, что делать когда футер прижат к низу через флекс html,body,wrapper - 100%, scroll не работает? Как исправить что бы при 100% он заработал

[@maxgraph]

Здравствуйте. Так сходу сказать сложно, надо посмотреть

[@deniskotov]

Макс, привет, я новичок. Скажи, пожалуйста, насколько актуально сегодня весь код js писать в обработчике по событию DOMContentLoaded или их аналогах? Раньше всё писали в jQuery функции ready(). Насколько актуально сегодня так делать?

[@maxgraph]

Да, дом контент лоадед полезен)

[@deniskotov]

@@maxgraph а почему нынче блогеры перестали всё оборачивать в этот обработчик? Для скорости видоса?

[@maxgraph]

Да как-то забывается))

[@ВадимЯковенко-я1в]

привет, скрывать на скрол вниз шапку будем? и показывать при скроле вверх?

[@maxgraph]

Скрывать нет смысла) показывать будем

[@NivaiZRUS]

Привет. Есть вопрос по коду. Это начинает срабатывать при скролле, а как быть если при обновлений страницы? Вот я дошёл до середины, обновил страницу, и шапка не появится пока не будет скролла, как можно доработать это место?

[@maxgraph]

Нужно обернуть код в функцию и вызвать её и просто в коде, и в скролле

[@nadyashaymardanova6000]

🙆

[@aaffbdefdfab]

Как сделать так, чтобы хедер при скролле вверх не сразу появлялся, а только через заданное количество прокрученных пикселей?

[@maxgraph]

Написать скрипт надо Так сходу не сказать)

[@aaffbdefdfab]

@@maxgraph ну это достаточно важный момент. Меня постоянно бесило, когда я на телефоне листаю вниз и случайно палец на один пиксель вверх дергаю и сразу шапка вылезает, особенно когда она большая. Поэтому такого допустить в своей верстаке я не могу.

[@aaffbdefdfab]

@@maxgraph js я плохо понимаю, не могу скрипт написать, поэтому прошу помощи тут.

[@danielkhachaturian]

position: sticky? Не, не слышали Да?)

[@maxgraph]

Слышали. Но он так не умеет)

[@danielkhachaturian]

@@maxgraph ну сделать фиксированную шапку при скролле он умеет

[@maxgraph]

Знаю. Видео на канале есть) Но то что в видео не умеет

[@MrIncredible-mu5ec]

@@maxgraph intersection observer вышел из чата