Javascript 如何在没有滚动条的情况下增加滚动条上的数字（实际上是滚动）？

因此，想象两个部分/分区（宽度为100%和高度为100%）。我只看到第一部分，第二部分在屏幕右侧，无法看到（溢出：隐藏；在主体上）

现在，当我滚动时，我希望第二部分逐渐出现，每个像素我都在“滚动”

但是，这里的问题是，我实际上无法滚动，因此像这样的属性：

window.pageYOffset

，

element.getBoundingClientRect（）

不起作用。基本上，我想在每次做滚动动作时增加一个数字，这样我就可以将该数字指定给第二个部分（修改它的left属性，以便它可以出现在视口中）。我不知道如何增加这个数字

这是我试图完成的工作的再创造：

var secondSection=document.getElementsByClassName（“第二节”）[0]；
函数leftTransition（）{
/*secondSection.style.left=要递增的数字+“px”；*/
}
文档。添加的文本列表器（“滚动”，左转换）
html，正文{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
溢出：隐藏；
}
.第一节，.第二节{
宽度：100%；
身高：100%；
}
.第二节{
位置：绝对位置；
排名：0；
左：100%；
背景颜色：蓝色；
}

内容
内容
内容
内容
如果你去参加
车轮
活动，类似这样的事情可能与你正在尝试做的事情相似。
然后，一旦页面在视图中显示到所需的程度，就可以删除事件处理程序


var secondSection=document.getElementsByClassName（“第二节”）[0]；
函数leftTransition（事件）{
var offset=event.deltaY；
var left=偏移量<0
？（parseInt（secondSection.style.left）+1）+'%
：（parseInt（secondSection.style.left）-1）+'%'；
secondSection.style.left=左；
}
window.addEventListener（“轮子”，左过渡）
html，正文{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
溢出：隐藏；
}
.第一节，.第二节{
宽度：100%；
身高：100%；
背景颜色：钢蓝色；
}
.第二节{
位置：绝对位置；
排名：0；
背景颜色：蓝色；
}
内容
内容内容
这项娱乐活动没有什么作用-很难说，因为我不善于想象：为什么不继续使用百分比？+或者每次滚动-1%？因为从技术上讲，滚动事件不会触发，因为没有任何东西可以滚动。我真的很困惑我现在该怎么做。要么调整页面大小以便总是有东西可以滚动，要么选择不同的事件。也许您可以使用
滚轮
事件执行某些操作，该事件将在鼠标滚轮旋转时触发。由于桌面上的基本功能是滚动页面，所以它是一个很好的选择。只是要确保提供某种退路。如果没有可滚动的内容，使用滚动事件通常不是一个好主意。我认为@Shilly关于
滚轮
的方法是正确的，我建议看一下，因为这是我想要的。但是在我接受答案之前，我有一个问题，例如，如果我向上滚动，使第二部分返回其原始状态？向下滚动时，
event.deltaY
属性为正值，向上滚动时为负值。也许你也可以使用不同的属性或方法，但是看看Matthew发布的wheel事件参考。太棒了！非常感谢。