如果滚动是jQuery的一定量的像素

是否有内置的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/

请注意,使用滚动事件处理程序是非常低效的。

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...