1

我在使用 jQuery Waypoint 插件时遇到了一些小问题，感谢您提供任何信息/帮助。

好的，所以要定义我想要做什么：我有图像，这些图像在进入视图区域之前是隐藏的。我希望他们在视图区域中做一次动画效果。这是最终结果，目前，我仍在测试中，因为我通常是 jQuery 新手，但越来越好。

所以我开始在单个 div 上进行摇动，一旦它出现在视图中，效果就很好。我使用了以下代码：

HTML：

<div class="shown">Shake it</div>

jQuery

jQuery(document).ready(function($){
$(".shown").waypoint(function(direction) {
    $(this).effect("shake");
}, { offset: '95%', triggerOnce: true  });
});

然后我在我的 HTML 中创建了两个 class='shown' 实例（一个在顶部，一个在底部），当我滚动到它们时，它们都工作得很好。另外，他们都在不同的时间工作，这是我想要获得的。

这就是麻烦

当我尝试“显示：无”然后动画显示在滚动上时，它会同时动画，而不是一次只动画。

这就是我正在使用的

HTML

<div class="shown" style="display: none;">

jQuery

jQuery(document).ready(function($){
$(".shown").waypoint(function(direction) {
    $(this).fadeIn( 10000, function() {
        // Animation complete
    });
}, { offset: '95%', triggerOnce: true  });
});

好的，所以再澄清一次：D（为了安全起见）

我希望能够对 MULTIPLE 实例使用相同的类，只有在该元素处于视图中时才会显示。现在，一旦出现 1 个实例，它就会显示所有元素。

再次感谢任何信息/帮助。你们在这里有一个很棒的社区，我很高兴我能加入！

4

0 回答 0