Как добавить класс блоку при скролле до определенного места (относительно низа страницы)?

Question

[pashabomber]

Добрый день!

Есть следующая задача. Когда скроллим страницу и остается до ее конца 200 пикселей, то надо одному блоку задать дополнительный класс. Как такое задать через js?

Заранее всем спасибо!

Comments

[Александр Лысенко]

Я вот сейчас очень извиняюсь перед вами и всеми знатоками JS, но стало самому интересно решить задачу:

Получаем высоту загруженной страницы

var scrollHeight = Math.max(
  document.body.scrollHeight, document.documentElement.scrollHeight,
  document.body.offsetHeight, document.documentElement.offsetHeight,
  document.body.clientHeight, document.documentElement.clientHeight
);

Вычисляем текущее положение скролла
var scrollTop = window.pageYOffset;

Определяем лимит
var limit = scrollHeight-200;

Действуем

if(scrollTop = limit) {
	alert(ok!);
}

Answer 1

[Игорь Агарков]

А как на счет jQuery?

Узнаём высоту страницы:
var height = $(document).height();

Определяем лимит:
var limit = height -200;

При скроллинге проверяем наше условие:

var scrolltop = $(window).scrollTop();
$(window).on('scroll', function () {
    if (scrolltop => limit){
        //Здесь ваши действия
    }
}

P.s. Парень в комментариях предложил годный вариант.