水平滚动时如何捕捉事件?

时间:2018-08-25 08:28:13

标签: javascript scroll horizontal-scrolling

给出:

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

3 个答案:

答案 0 :(得分:0)

听起来像ScrollMagic这样的滚动库的问题。

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

事实证明,排斥页面高度更容易,这是初始化脚本jInvertScroll.js中规定的

也就是说,有几种情况,例如:

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

//我们的行动

}

感谢所有回应!