Question

如何使用Javascript / Jquery在浏览器窗口中测试横向/水平滚动，然后在检测到移动时执行操作？

Answer 1

您可以绑定到窗口scroll事件，并使用最后一个scrollLeft位置来确定它是否已更改。

var lastPosition = 0,
    doc = $(document),
    win = $(window);

win.scroll(function() {
  var scrollPosition = doc.scrollLeft();
  
  if(lastPosition != scrollPosition) {
    lastPosition = scrollPosition;
    console.log('scroll left changed!');
  }
});

.container {
  border: 1px solid #000;
  height: 50px;
  width: 10000px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="container">
 hello
<div>

香草JS

var lastPosition = 0;

window.addEventListener('scroll', function(){
  var scrollPosition = this.pageXOffset;

  if(lastPosition != scrollPosition) {
    lastPosition = scrollPosition;
    console.log('scroll left changed!');
  }
});

Answer 2

您可以使用：scrollLeft（）请参阅this的说明

如何使用Javascript检测Bowser窗口何时向侧面滚动

2 个答案: