Question

我试图以任何方式淡入 - 或者动画 - 当用户滚动到某个点时，用ajax加载的元素的外观。

我已经检查了很多教程和其他相关问题，但我发现所有内容都是通过点击触发的脚本。我尝试了以下代码和其他版本（见下文）并设法创建动画，但加载的元素一直闪烁：

<script>
        var height = $('.placeholder').offset().top;

        $(window).on('scroll', function() {
            var heightScroll = $(window).scrollTop();
            var heightWin = $(window).height();
            var heightTotal = heightScroll + heightWin;
            var stop = 0;
            if ((heightTotal > height) && (stop === 0)) {
                $('.placeholder div').load('ajax/ajax-meditacion.html');
                $('.placeholder div .wrap').hide().fadeIn('slow');
                stop++;
            }
        }); 
</script>

我没试过的其他事情：

$('.placeholder div').hide('fast').load('ajax/ajax-meditacion.html').fadeIn('slow');而不是两句话。
使用return false;而不是var stop

提前致谢：）

如何在滚动时通过ajax加载的元素动画？

0 个答案: