代码之家  ›  专栏  ›  技术社区  ›  Webwoman

在JS中,有没有一种方法可以监听“从左到右”的特定位置?

  •  0
  • Webwoman  · 技术社区  · 5 年前

    嗨,我只在一个滑动条上工作,我希望我的滑动条能在水平滚动条从左边达到1000px时检测到,因此我可以触发一些动态事件-动画、CSS样式等。

    这里有些人知道如何从左边听一个特定的位置?

    我试过while循环,但堆栈刚刚溢出, 所以任何暗示都很好, 谢谢

    1 回复  |  直到 5 年前
        1
  •  1
  •   Piotr Wicijowski    5 年前

    如果您想检测整个页面的滚动位置,就应该将事件处理程序附加到 scroll 事件 window 元素,并在内部检查 window.pageXOffset . 我做了一个小演示 codepen . HTML标记和CSS只是为了举例(拥有足够的内容以便整个页面水平溢出),所以重要的代码是在JS中:

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