Форум Сайтостроение Веб-строительство

Исчезновение и появление блока при прокрутке страницы

HM
На сайте с 23.01.2012
Offline
53
HeyMan
1651

Помогите сделать так, чтобы при прокрутки страницы вниз блок div сразу же исчезал, а появлялся, когда прокрутишь обратно до самого верха.

LEOnidUKG
На сайте с 25.11.2006
Offline
1723
LEOnidUKG
#1

Посмотрите примеры создания кнопки "Вверх".

Там она работает при прокрутке вниз, а вам нужно подставить под вверх и всё.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
MS
На сайте с 19.01.2018
Offline
5
MichaelSaparov
#2

window.onscroll = function() {

var scrolled = window.pageYOffset || document.documentElement.scrollTop;

}

1. Устанавливаем обработчик события scroll - addEventListener

2. Скрываем элемент, если значение var scrolled > 0 и показываем в ином случае.

3 месяца хостинга бесплатно (https://enjoyweb.net/3-months-of-hosting-from-mchost/)
CP
На сайте с 12.08.2009
Offline
101
Content-pro
#3
MichaelSaparov:
window.onscroll = function() {
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
}
1. Устанавливаем обработчик события scroll - addEventListener
2. Скрываем элемент, если значение var scrolled > 0 и показываем в ином случае.

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

Профессиональный frontend: JS, html,css, Single-Page App (/ru/forum/964386)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий