Как остановить выполнение функции в зависимости от высоты экрана (параллакс и вьюпорт)?

Question

[tolorov]

Есть функция выполняющая следующее:

var scrollPosition = window.scrollY
this.parallaxed = scrollPosition / 1.02

Как остановить выполнение в зависимости от размеров экрана? Например, есть значение document.body.scrollHeightю Как зная это значение остановить этот процесс?

if (document.body.scrollHeight блаблабла, не выше этого значения) {
 var scrollPosition = window.scrollY
 this.parallaxed = scrollPosition / 1.02
}

Comments

[Ankhena]

Переписать в вариант "выполнять только если подходит под условия"?

[tolorov]

Ankhena W: как переписать - в этом и стоит вопрос)))

[Ankhena]

tolorov:
заменить
"перестать выполнять при скролле больше 100" = "выполнять при скролее меньше или равном 100"

[tolorov]

Ankhena W:

"перестать выполнять при скролле больше 100"

Откуда вы это взяли? У меня такого нету.

[Ankhena]

tolorov: без понятия, замените 100 на свои надобности, я не знаю, что у вас есть. Вы пишете только:

Например, есть значение document.body.scrollHeightю Как зная это значение остановить этот процесс?

[tolorov]

Ничего не понял. У меня вообще никаких условий нету. Это я только хочу сделать. Мне нечего заменять. У меня есть просто функция паралакса, которая ломает весь лейаут, потмоу что translate продолжает менятся, и высота страницы увеличивается бесконечно. Мне надо остановить это когда превышается document.body.scrollHeight

[Ankhena]

tolorov:
Проблема в чем?
1. Вы не знаете высоту страницы на которой надо остановиться?
2. Не можете сформулировать условие на русском?
3. Не знаете как написать if (перевести с русского на js)?

[tolorov]

Бред, все понятно.

[tolorov]

Ankhena W: такой язык сойдет? https://codepen.io/anon/pen/OgQNgZ

Answer 1

[tolorov]

Офигеть, как все просто. Мне помог гребанный position: fixed

УЧИТЕ CSS, ЛЮДИ!!!