javascript - 航点.js : Add class when N distance to top

标签 javascript jquery jquery-waypoints

我不知道这是否容易,但我只是无法用 Waypoint.js 弄清楚一些东西 当用户达到例如 100px 的滚动时,我需要向 #stickytop 添加一个类 知道如何做到这一点吗? 偏移对我不起作用。 提前致谢

最佳答案

这并不是 jQuery 路径点的真正用例。它旨在测试特定元素距屏幕顶部的距离,而不是用户滚动的距离。

但是您可以使用 jQuery 轻松地完成您想要的操作:

$(document).on('scroll', function () {
    // if the scroll distance is greater than 100px
    if ($(window).scrollTop() > 100) {
      // do something
      $('#stickytop').addClass('myClass');
    }
});

或者普通的 JavaScript:

document.addEventListener('scroll', function () { 
  if (window.scrollY > 100) {
    var el = document.getElementById('#stickytop');
    el.className = el.className + " myClass";
  }
})

关于javascript - 航点.js : Add class when N distance to top,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26063187/

相关文章:

javascript - FQL 选择列名 "AS"别名

javascript - 设置继承自prototype的属性值,为什么prototype值没有改变?

jQuery slideDown 菜单不起作用

jquery-waypoints - 当图像显示 block 时,jQuery Waypoints 在页面加载时触发

javascript - Js Waypoint + 在偏移处设置动画

javascript - 吸收 HTML 元素的宽度

javascript - 获取包含空格的命令参数

jquery - 如何在数据表的响应状态下检测最后一个可见列

javascript - 通过 ajax 动态创建的表破坏了 .on 功能

jquery - 根据屏幕尺寸禁用动画