Как поменять содержимое Один при скроле мышкой вниз на Два, а при обратке — вернуть назад?

Question

[strangesoul]

Один

Нужно при скролле мышкой вниз - поменять содержимое таким образом Два, а при обратном - на Один

Answer 1

[Maxim Nepritimov]

Повесить обработчик:

$('body').on('scroll', function () {
});

Перед скроллирование закешировать нынешнее положение .scrollTop():
var $basePosition = $('body').scrollTop();
Далее проверять новый scrollTop() с закешированным.
Если новый больше - прокрутка была вниз, если меньше - вверх.

if (newScroll > $basePosition ) {
  $block.html($one);
} else {
  $block.html($two);
}

Думаю, как поменять значение в блоки вы знаете :)

Comments

[strangesoul]

это сайт на котором будет реализация kirulanov.com/online-2016/scroll
он у меня 100vh и overflow:hidden; оно будет так работать?

[strangesoul]

он еще не адаптирован, пока на 1920 * 1080px

[Maxim Nepritimov]

strangesoul: попробуй и увидишь - работает или нет.

[strangesoul]

Maxim Nepritimov: чет не хочет работать(

[strangesoul]

var basePosition = $('body').scrollTop();

$('body').on('scroll', function () {
});

if (newScroll > basePosition ) {
$('.t1').html('efefsefefse');
} else {
$('.t1').html('11111');
}