Javascript 如何在每次滚动时更改元素颜色

我想在每次访问者滚动x个像素时输出一个数组项

当时我想出了这个密码。但是，当我只想输出某个项目时，我就被绊倒了

我想输出每次有人滚动10像素的另一项数组

$(document).scroll(function() {
  var array = ["1", "2", "3", "4"];
  var currentArray = 0;

  function changeColor() {
    currentArray++;
    if(currentArray > 139) {
      currentArray = 0;
    }
  }

  for (var i = 0; i < 1; i++) {
    console.log(array[currentArray]);
  }
});

$（文档）。滚动（函数（）{
变量数组=[“1”、“2”、“3”、“4”]；
var currentArray=0；
函数changeColor（）{
currentArray++；
如果（当前数组>139）{
currentArray=0；
}
}
对于（变量i=0；i<1；i++）{
log（数组[currentArray]）；
}
});

使用

.scrollTop（）

方法：

if( $(document).scrollTop() > 10 ) {
    // do something
}
if ( $(document).scrollTop() > 20 ) {
    // do something
}

使用

.scrollTop（）

方法：

if( $(document).scrollTop() > 10 ) {
    // do something
}
if ( $(document).scrollTop() > 20 ) {
    // do something
}

var-arr=[1,2,3,4,5,6,7,8]；
document.onscroll=函数（）{
var el=parseInt（window.scrollY/250）；
如果（el
var-arr=[1,2,3,4,5,6,7,8]；
document.onscroll=函数（）{
var el=parseInt（window.scrollY/250）；
if（el）放入html并编写一些详细信息。我得到的html只是一个h1和段落，但我想在每次有人滚动一定数量的像素时输出一个新的数组项。即，在我滚动10像素后，它将输出数组[0]，再滚动10像素后，它将输出数组[1]放上html并写一些细节。我得到的html只是一个h1和段落，但每次有人滚动一定数量的像素时，我想输出一个新的数组项。也就是说，在我滚动10像素后，它将输出数组[0]，再滚动10像素后，它将输出数组[1]你必须在位置20、40、60等处完全停止，这样才能工作。函数
onscroll
并不完美，它不会为每个像素调用。是的，我理解u@Przemek，因为我尝试将滚动顶部位置输出到控制台，它会在每个滚动上跳过10个像素。忽略这一点！你必须停止p在位置20、40、60等处都非常完美，这样才能正常工作。函数
onscroll
并不完美，不会对每个像素都调用它。是的，我理解u@Przemek，因为我尝试将滚动顶部位置输出到控制台，但每个滚动上都会跳过10个像素。忽略了这一点！