0

我刚刚找到了一个非常有趣的解决方案，可以使用 jquery http://jsfiddle.net/tcloninger/e5qaD/在滚动时淡入内容

$(document).ready(function() {

/* Every time the window is scrolled ... */
$(window).scroll( function(){

    /* Check the location of each desired element */
    $('.hideme').each( function(i){

        var bottom_of_object = $(this).position().top + $(this).outerHeight();
        var bottom_of_window = $(window).scrollTop() + $(window).height();

        /* If the object is completely visible in the window, fade it it */
        if( bottom_of_window > bottom_of_object ){

            $(this).animate({'opacity':'1'},500);

        }

    }); 

});

});

唯一的问题是它不能在 iPhone (Safari) 上运行。怎样才能使这个解决方案在移动设备上运行？

先感谢您！

4

1 回答 1

0

这种特殊的方法可能不是移动设备的最佳解决方案。您可能需要查找 LazyLoading。在移动设备中，每当您从下方淡入容器时，都表示当对象进入视野时，正在按需加载某些内容。这样，在您需要它们之前，您不会下载图像或其他源资产。我用这种方法在客户网站上取得了巨大的成功。

但是回到你原来的 Q，我建议在没有其他脚本或内容的精简环境中使用 iPhone 测试另一个插件。我希望这有一点帮助！祝你好运！

于 2013-11-08T13:43:43.510 回答