我试图通过jquery实现一个简单的“留在视口”行为到div。为此,我需要绑定一个函数到窗口的滚动事件,但我似乎无法让它启动:没有任何反应。我试过一个简单的alert(),console.log()没有骰子。一个想法我在做错什么?
这段代码:
$(window).scroll(function () { console.log("scrolling"); });
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="js/script.js"></script> </body> </html>
更新
测试URL:http://pixeline.eu/test/menu.php
解决方法
好的,做出来
您的CSS实际上是设置文档的其余部分不显示溢出,因此文档本身不滚动。最简单的修复是将事件绑定到滚动的事情,在您的情况下,它是div#page。
所以它容易变化:
$(document).scroll(function() { // OR $(window).scroll(function() { didScroll = true; });
至
$('div#page').scroll(function() { didScroll = true; });
干杯查理