是否有内置的jQuery函数来确定滚动的长度?
如果用户从顶部滚动了50个像素,我正在尝试编写一个将div添加到一个div的函数。
所以代码将如下所示:
if(userHasScrolled) { $('#myDiv').addClass('hasScrolled'); }
解决方法
您可以在滚动处理程序中检查$(document).scrollTop():
var $document = $(document),$element = $('#some-element'),className = 'hasScrolled'; $document.scroll(function() { if ($document.scrollTop() >= 50) { // user scrolled 50 pixels or more; // do stuff $element.addClass(className); } else { $element.removeClass(className); } });
如果添加类名是所有你想要的(不需要其他操作),这可以缩短为:
var $document = $(document),className = 'hasScrolled'; $document.scroll(function() { $element.toggleClass(className,$document.scrollTop() >= 50); });
见http://api.jquery.com/scrollTop/。
请注意,使用滚动事件处理程序是非常低效的。