Javascript 如何捕获滚动事件？

我想实现无限滚动。下面是我的布局的简短形式。因为我有一些相对定位的元素，所以javascript滚动事件不会触发

如何解决此问题，以便触发scroll事件并实现无限滚动

我的主要布局是：

<div id="container">
    <div class="wrapper">
        <div id="header">
        ...
        </div> <%-- header --%>

        <div id="main">
        ...
        </div>

    </div> <%-- wrapper --%>
</div> <%-- container --%>
<div id="footer">
</div>

---

为了实现无限滚动，我必须更改哪些内容才能接收带有布局的浏览器滚动事件？

这是我在代码中使用的内容

 <div id="DataDiv" style="overflow: auto; width: 280px; height:400px; margin-top: 10px;"
                    onscroll="Onscrollfnction();">
      my content here 
 </div>

内容通过400px后，将开始滚动，滚动将是无限的。。

---

享受

正确的实施方法是：

 <div id="container" onScroll="handleOnScroll();">

<script>
function handleOnScroll() {
        alert("scroll");
    };
</script>

函数handleOnScroll（）{
警告（“滚动”）；
};

编辑：因为您将问题标记为…

---

要使用jQuery捕获

滚动
事件

HTML:

请参阅：
希望这有帮助，但我如何保证页脚始终位于底部，屏幕大小不同？我应该在哪个位置输入代码？-1，因为我没有利用jQuery的功能来避免使用内联JavaScript。我也看不出这与“无限”滚动有什么关系。是的，没有内联JavaScript的任何工作答案都会更好。为什么这比我的解决方案更好？同样，仅仅是因为没有“内联”JavaScript。如果你不想使用它，为什么要在你的问题上加上
jQuery
？虽然这可能不是一个好的解决方案，但它是对这个问题的完美回答。这个问题与代码质量无关，也与jQuery无关。这只是一个基本的“你怎么做X？”问题。许多人不使用jQuery，甚至不用其他语言编译成JS，所以这个答案仍然告诉他们需要知道什么。
function Onscrollfnction() {
            var div = document.getElementById('DataDiv');
            div.scrollLeft;
            return false;
        };

 <div id="container" onScroll="handleOnScroll();">

<script>
function handleOnScroll() {
        alert("scroll");
    };
</script>

<div id="container">
    CONTENT
</div> 

$(document).ready(function() {

    $('#container').scroll(function() {
        alert('scroll');
        // presumably your infinite scrolling code here
    });

});