【问题标题】:How to catch an event when the horizontal scroll?水平滚动时如何捕捉事件?
【发布时间】:2018-08-25 08:28:13
【问题描述】:

给定:

  1. 具有水平滚动的页面 (jInvertScroll.js),
  2. 当某些块(宽度为%)出现在范围内时,将类挂在其他块上。 请告诉我如何实现水平滚动?

【问题讨论】:

    标签: javascript scroll horizontal-scrolling


    【解决方案1】:

    对于像 ScrollMagic 这样的滚动库来说,这听起来像是个问题。

    这里有类似问题的演示:ScrollMagic Horizontal Scrolling

    【讨论】:

      【解决方案2】:

      滚动(水平和垂直)可以通过 JS 以下列方式进行反应:

      window.addEventListener('scroll', function(e) {
        console.log('scroll event');
      })
      div {
        width: 2000px;
      }
      <div>test</div>

      【讨论】:

      • 如果容器中有几个blocks view = 90%,如何分别跟踪每个blocks的外观?
      【解决方案3】:

      原来更容易击退页面高度,这是在初始化脚本jInvertScroll.js中规定的

      也就是说,有几个条件,例如:

      if ($ (window) .scrollTop ()> 3000 && $ (window) .scrollTop () <4500) {
      

               // 我们的行动

           }

      感谢所有回复的人!

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2021-07-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-06-04
        • 1970-01-01
        • 2011-06-07
        相关资源
        最近更新 更多