javascript - 航路点未调用部分

标签 javascript jquery jquery-waypoints waypoint

我目前正在使用 jQuery 路点尝试触发某个部分上的路点,但是它不起作用。不确定这是否是由于本地主机或什么原因造成的。

我当前的代码是

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

但是,如果我这样做的话,这是行不通的

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

它有效。

我将代码包裹在 $(document).ready(function() 中,所以我不认为这是问题所在。

最佳答案

http://imakewebthings.com/waypoints/

我像这样使用 Waypoint :

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

也许这会对你有所帮助。

关于javascript - 航路点未调用部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53992478/

相关文章:

javascript - 每次 iframe 重新导航时执行操作。 (javascript)

javascript - 使用 jquery 路径点连续滚动

javascript - jQuery : How to make divs move down. 航点和 Z-index

javascript - jQuery UI 自动完成 - 外部 javascript 数据源的语法?

javascript - 动态绑定(bind)点击到 Google map 标记链接

javascript - 使用 selectBoxIt JQuery 插件时如何检测选项更改?

php - 将值插入数据库并使用 Ajax 和 php 返回另一个值

javascript - 如何删除 html5 Canvas 上的图像

javascript - 如何对具有多个值的对象数组进行分组?

jquery - 转换到位置 : fixed 时防止内容闪烁/反弹