jQuery窗口滚动事件不会启动

Question

我试图通过jquery在div中实现一个简单的"保持在视口内"的行为.为此我需要将一个函数绑定到窗口的滚动事件,但我似乎无法启动它:没有任何反应.我尝试过一个简单的alert(),console.log()没有骰子.我在做错什么？

这段代码:

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

坐在我的html文件最底部的script.js中

<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实际上是将文档的其余部分设置为不显示溢出,因此文档本身不会滚动.最简单的解决方法是将事件绑定到滚动的东西,在你的情况下是div #page.

所以它很容易改变:

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

至

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

干杯
查理

Answer 2

我的问题是我在我的CSS中有这个代码

html,
body {
    height: 100%;
    width: 100%;
    overflow: auto;
}

删除后,窗口上的滚动事件再次触发

Answer 3

$('#div').scroll(function () {
   if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight-1) {

     //fire your event


    }
}