Javascript 使用100%容器在页面上注册滚动

我有一个页面，我想合并parralax滚动。但是，使用我当前的代码，我无法注册滚动条

我在整个页面上有一个容器，因为我需要包含div的高度和宽度为100%，而不需要使用javascript

但现在，我再也不能在卷轴上执行任何操作了。任何帮助都将不胜感激

看看我对这个问题的看法

问题的形式如下：

Html:

但是现在，滚动事件不再被捕获：

jQuery(document).ready(function(){
    jQuery(window).scroll(alert('scrolled'));
});

---

知道如何解决这个问题吗？

这与使用

.main

类而不是窗口滚动div有关。 尝试

$（'.main'）。滚动（警报（'scrolled'）

不要使用
alert
调试代码。使用
控制台

您应该以事件回调的形式传递一个函数，而您不需要这样做。您只需在解析代码时执行
alert（）
（这就是为什么它会立即发出警报，而不是滚动），它不会返回任何内容，因此onscroll事件中没有回调

实际滚动的元素是
.main
，而不是
窗口
，因此将侦听器附加到
.main

综上所述：

jQuery(function(){
    jQuery('.main').on('scroll', function(e){ console.log(e) });
});


如果您确实需要警报，那么
jQuery（'.main'）.on（'scroll'，函数（e）{alert（“scrolled”）}）
我就是这么想的，但在尝试了这个方法并失败后，我不知道还能是什么。我本可以知道这个。但是谢谢。而这个警报现在只是为了测试目的。谢谢你完整而有用的回答。我会尽快接受你的回答。
jQuery(document).ready(function(){
    jQuery(window).scroll(alert('scrolled'));
});

jQuery(function(){
    jQuery('.main').on('scroll', function(e){ console.log(e) });
});