Есть ли способ прослушивания на определенной позиции «слева» в JS?

Question

Привет всем, я работаю над слайдером, и я бы хотел, чтобы мой слайд обнаруживал, когда горизонтальная прокрутка достигает, например, 1000 пикселей слева, поэтому я мог бы вызвать некоторое динамическое событие - анимацию, стиль CSS и т. Д.

Кто-то здесь знает, как слушать на определенной позиции слева?

Я пробовал цикл while, но стек только что переполнился, так что любой намек был бы великолепен, спасибо

Answer 1

Если вы хотите определить положение прокрутки всей страницы, достаточно прикрепить обработчик события к событию scroll элемента window и внутри проверить значение window.pageXOffset. Я сделал небольшое демо в этом коде . Html-разметка и css приведены только в качестве примера (чтобы иметь достаточно содержимого, чтобы вся страница переполнялась в горизонтальном направлении), поэтому важный код находится в js:

var scrollhandler = function(){
  if(window.pageXOffset > 1000){
    alert("over 1000");   
    window.removeEventListener("scroll",scrollhandler)
  }
}
window.addEventListener("scroll", scrollhandler);