Novitsky
@Novitsky
Веб-разработчик, дизайнер, фотограф

Как сделать .scrollTop() в процентах?

Здравствуйте.
Возможно ли привязать .scrollTop() к процентам (лучше к vh), а не к пикселям?

Для примера код:
$(document).ready(function() {
	var $header = $("#header");

	$(window).scroll(function() {
		if ($(this).scrollTop() > 700 && $header.hasClass("transparent")) {
			$header.removeClass("transparent").addClass("opacity");
		} else if ($(this).scrollTop() <= 700 && $header.hasClass("opacity")) {
			$header.removeClass("opacity").addClass("transparent");
		}
	}); //scroll
});
С помощью него добавляются или удаляются классы в зависимости от прокрутки. В данном случае, для изменения надо прокрутить на 700px. Мне необходимо, чтобы замер происходил в процентах (или vh). То есть, например, если я прокрутил 80% окна (или вьюпорта), то класс меняется.
  • Вопрос задан
  • 1539 просмотров
Решения вопроса 1
kapuletti
@kapuletti
Высоту документа ( $(document).height() ) делим на 100, умножаем на нужный % прокрутки.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы