Есть необходимость сделать такой эффект https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c#.rhhn4m1i6
И уже на этапе реализации просто зафиксированной шапке возникает вопрос, как ее зафиксировать если к блоку body нужно добавить padding-top? Получется, если я не захочу использовать залипшую шапку на другой странице у меня все равно у body будет отступ... Подскажите как сделать такой блок. Было бы идеально менять тип шапки, например вот так sticky : true. Спасибо.
Примиксовать на блок
bodyблок, отвечающий за добавление отступа:Этот же блок будет отвечать и за необходимую JS-функциональность.
@tadatuta Не уверен, что понял до конца. Как быть с самим хедером? Менять его поведение модификатором?
Из блока sticky нельзя ведь повлиять на шапку наследованием...
@lavezzi1 можно через события, скажем шапка и другие блоки слушают событие блока
stickyи как только оно происходит, они включают нужный модификатор. в коде блока шапки например это будет так.Sticky.on('change', this._onStickyChange, this);сам же блок
stickyможет отслеживать скролл и другие параметры и слать события, ставить себе модификаторы (кстати можно подписываться на изменение модификатора sticky, вместо события)@JiLiZART Спасибо за отклик, а можно более подробный пример кода? Если не затруднит.