Как запретить прокрутку страницы дальше чем указанное число пикселей?

Question

[historydev]

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

function populate(event) {

	  while(true) {

	    // нижняя граница документа
	    let windowRelativeBottom = document.documentElement.getBoundingClientRect().bottom

	    // если пользователь прокрутил достаточно далеко (< 100px до конца)
	    if (windowRelativeBottom < document.documentElement.clientHeight + 100) {

	    	windowRelativeBottom = windowRelativeBottom - 1

	    }

	  }

	}

	window.addEventListener('scroll', function(e) {
		populate()
	})

Comments

[Шохрух Шаймардонов]

e.preventDefault() ?

[historydev]

Шохрух Шаймардонов, пробовал и почитал, он только подёргивание создаёт

[historydev]

Шохрух Шаймардонов, вот так я пробовал

function populate(event) {

	  while(true) {

	    // нижняя граница документа
	    let windowRelativeBottom = document.documentElement.getBoundingClientRect().bottom

	    // если пользователь прокрутил достаточно далеко (< 100px до конца)
	    if (windowRelativeBottom < document.documentElement.clientHeight + 100) {

	    	event.preventDefault()

	    }

	  }

	}

	window.addEventListener('scroll', function(e) {
		populate(e)
	})

[Ernest Faizullin]

у вас бесконечный цикл, который никогда не завершится и зафризит страницу в браузере

надо добавить return

во-вторых, я бы не советовал скрывать контент от посетителей. Так как это плохой тон, а в некоторых случаях может привести к санкциям.

[historydev]

Ernest Faizullin, там не контент, я блок уменьшилсредствами scale,а пустое место не ахти оставлять, вот и решил запретить крутить

Answer 1

[Сергей Вальтер]

да это только скриптом и сделать, надо покубатурить