Question

我刚刚找到了一个非常有趣的解决方案，可以使用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）。如何才能使此解决方案在移动设备上运行？

提前谢谢！

Answer 1

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

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

滚动时jQuery淡入淡出不适用于移动设备

1 个答案: