jQuery 航点在元素滚动到视图中时添加类

jQuery Waypoints add class when element is scrolled into view

本文关键字：视图 添加 滚动 元素 jQuery      更新时间：2023-09-26

我正在使用Waypoints插件来检查元素是否滚动到视图中。我有多个带有类item的div，当用户向下滚动页面时，我想为每个div添加一个"查看"类。

$(".item").waypoint(function(){
    $(this).addClass("viewed");
    console.log("yey");
});

控制台.log工作，但.addClass不起作用。插件不支持$(this)吗？

我终于让它工作了。

$(".item").waypoint(function(){
   $(this[0,'element']).addClass("viewed");
});

this没有指向元素，所以我需要瞄准它。

调用这些回调函数时必须小心，以及这到底意味着什么。 在这种情况下，它可能指的是您的函数。

事件触发器是否不将函数中的目标作为参数传递？ 尝试使用它。 如果你想知道你的嵌套到底是什么，控制台.log它。

$(".item").waypoint(function(thing){
   $(thing).addClass("viewed");
   console.log("yey");
});

选中的答案在此插件的较新版本中导致大量错误。

这对我有用：

$(".item").waypoint(function() {
    $(this.element).addClass("viewed");
});
相关文章：