Question

我不知道它是否容易，但我不能用Waypoint.js找出一些东西我需要在用户到达时为#stickytop添加一个类，例如，100px的滚动知道怎么做吗？偏移对我不起作用。提前致谢

Answer 1

这不是jQuery航点的用例。它设计用于测试屏幕顶部特定元素的距离，而不是用户滚动的距离。

但是你可以轻松地用jQuery做你想做的事情：

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

或者vanilla JavaScript：

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

Waypoint.js：当N距离顶部时添加类

1 个答案: