Как настроить события для меню?

Сообщение **semyonl** » 12 фев 2022, 08:02

Привет! Может подскажите как настроить меню (LayoutGrid, header(fixed))? При движение в низ нужно чтобы меню скрывалось, при движение в верх появлялось.

Нашел решение
https://ru.stackoverflow.com/questions/ ... kzjgeycaac
но не понятно как адаптировать к WB

Сообщение **spoon** » 13 фев 2022, 07:51

В билдере уже есть такое событие.

Сообщение **semyonl** » 14 фев 2022, 07:33

И как его реализовать? В прикрепление проект с заголовком.

Сообщение **semyonl** » 03 мар 2022, 05:45

Еще актуально. Нашел решение, но нужно адаптировать под safari, в остальных браузерах работает

<style>
#header {
background-color: #3D566E; /* Черный цвет фона */
position: fixed; /* Зафиксируем меню */
top: 0; /* Прижмем к верху */
width: 100%; /* Растянем на всю ширину */
transition: top 0.4s; /* Эффект трансформации при выдвижении вниз (и вверх) */
}
</style>
<script>
/* Когда пользователь прокручивает страницу вниз, скрываем меню.
Когда пользователь прокручивает страницу вверх, показываем меню. */
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
document.getElementById("header").style.top = "0";
} else {
document.getElementById("header").style.top = "-85px";
}
prevScrollpos = currentScrollPos;
}
</script>