どういうことかというと、
何故か今のinviewでは、visiblePartX, visiblePartYが効かない。
<script> $(function() { $('.box').css('opacity', 0); $('.box').on('inview', function(event, isInView, visiblePartX, visiblePartY) { if (isInView) { if (visiblePartY == 'both') { $(this).stop().animate({opacity: 1}, 300); } } else { $(this).stop().animate({opacity: 0}, 300); } }); }); </script>
この記載では動かないことがある。よって、
<script> $(function() { $('.box').css('opacity', 0); $('.box').on('inview', function(event, isInView, visiblePartX, visiblePartY) { if (isInView) { $(this).stop().animate({opacity: 1}, 300); } else { $(this).stop().animate({opacity: 0}, 300); } }); }); </script>
こう書く、すると動く。