jQuery 窗口滚动事件不触发

Question

我正在尝试通过 jquery 对 div 实现一个简单的“停留在视口(viewport)内”行为。为此，我需要将一个函数绑定(bind)到窗口的滚动事件，但我似乎无法启动它:什么也没有发生。我尝试过简单的alert(), console.log() 没有骰子。知道我做错了什么吗？

这段代码:

$(window).scroll(function () {  
            console.log("scrolling");           
});

位于 script.js 中，位于我的 html 文件的最底部

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

更新测试网址:http://pixeline.eu/test/menu.php

Answer 1

您的 CSS 实际上将文档的其余部分设置为不显示溢出，因此文档本身不会滚动。最简单的解决方法是将事件绑定(bind)到正在滚动的事物，在您的例子中是 div#page。

所以它很容易改变:

$(document).scroll(function() {  // OR  $(window).scroll(function() {
    didScroll = true;
});

至

$('div#page').scroll(function() {
    didScroll = true;
});