Waypoint 未调用部分

Question

我目前正在使用 jQuery waypoint 试图在一个部分触发一个 waypoint，但是，它不起作用。不确定这是由于本地主机还是什么。

我现在的代码是

$('.howDoesItWork').waypoint(function() {
    $(".header").css({
      background: 'yellow'
    });
  }, { offset: 1000 });

这不起作用，但是，如果我这样做

$('body').waypoint(function() {
    $(".howDoesItWork .header").css({
      background: 'yellow'
    });
  }, { offset: 1000 });

有效。

我有代码包裹

$(document).ready(function()

所以我不认为这是问题所在。

Answer 1

http://imakewebthings.com/waypoints/

我这样使用 Waypoint :

var infoPage = document.querySelector('.infoPage');
var waypoint = new Waypoint({
  element: infoPage,
  handler: function() {
    infoPage.classList.add('infoReset')
  },
});

也许这会对你有所帮助。

Answer 2

如果您使用的是 jquery，只需将整个脚本包装在 $(document).ready() 中，就像这样；

$(document).ready(function() {
 ...
 $('selector').waypoint()
})

对我有用