是否有内置的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/。
请注意,使用滚动事件处理程序是非常低效的。
原文地址:https://www.jb51.cc/jquery/182935.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。