主页 / 问题 / 693973
Accepted
Валерий Аликин
Asked:2020-07-19 15:10:45 +0000 UTC2020-07-19 15:10:45 +0000 UTC

每 30 像素滚动一次

  • 772

你好，

我们获取滚动值并指定执行操作的时间间隔：

var scroll = $(window).scrollTop();
if(scroll >= 100 && scroll <=1000) {
}

然后需要在指定的时间间隔内，每隔 30px 执行一些动作。

javascript

2 个回答

  1. 为什么不使用滚动？所以已经检查跨度示例：JSFDD Click

    var count = 0;
$(window).scroll(function (e) {
     console.log(pageYOffset); 
  console.log(count);
  if (pageYOffset > 100 && pageYOffset < 1000) {
    if (pageYOffset - count > 30 ) {
        // ВАШИ ДЕЙСТВИЯ
      count = pageYOffset;
    }
  }
});
    • 1
  2. Best Answer

    例如，附加检查：

    let lowerScrolledPosition = 0;

$(document).scroll(function() {
  let scroll = $(window).scrollTop();
  if (scroll >= 100 && scroll <= 1000 && lowerScrolledPosition < scroll - 30) {
  lowerScrolledPosition = scroll;
    console.log(lowerScrolledPosition);
  }
});
    .fake {
  height: 10000px;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="fake"></div>

    • 0

相关问题