我试图找到类似于优秀的Jquery插件的东西 - 视口检查器,但这不依赖于滚动事件。它不能依赖滚动事件的原因是我也使用Fullpage.js设置为"autoscroll:true",然后实际上不会滚动它使用3D翻译来移动网站的页面。我想知道是否有人能指出我正确的方向。
这样做的最终结果是:
我想在<div>
<div>
进入视口时向添加一些类。
当我设置视口检查器时,这就是我的配置方式
<script type="text/javascript">
$(document).ready(function() {
$('.slide_main_paragraph_container').addClass("hidden").viewportChecker({
classToAdd: 'visible animated fadeInUp', // Class to add to the elements when they are visible
offset: 100
});
});
</script>
我认为 afterSlideLoad 事件就是你这样做的方式。
afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){
var $loadedSlide = $(this),
$main = $loadedSlide.find('.slide_main_paragraph_container.hidden');
if ($main.length) {
$main.removeClass('hidden').addClass('visible animated fadeInUp');
}
}