Как скрыть элементы при прокрутке блока?

Question

1ss1za @1ss1za

JavaScript

Как скрыть элементы при прокрутке блока?

Можно ли как-то скрывать блоки в зависимости от скролла, примерный html тут

https://codepen.io/mamayanekuril/pen/JjGQLzr

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

Вопрос задан более трёх лет назад
484 просмотра

Комментировать

Подписаться 1 Сложный Комментировать

Answer 1 · 2020-07-31 16:12:49

Вот, вдруг поможет - скрипт, которые при прокрутке вверх добавляет класс top, при прокрутке вниз удаляет - это может вам помочь:

$(window).bind( 'DOMMouseScroll mousewheel', function ( event ) {
		if( event.originalEvent.detail > 0 || event.originalEvent.wheelDelta < 0 ) {
		  $('body').removeClass('top');
		} else {
		  $('body').addClass('top');
		}
	});

Как скрыть элементы при прокрутке блока?

Войдите на сайт