jquery - 滚动时图像进入屏幕

Question

有没有插件可以做到这一点？当您向下滚动时，图像将显示并从左侧或右侧滑动到中心。我已经搜索过，我找不到它。那么有人知道插件吗？

提前致谢..

Answer 1

var SCROLLPOSITION = $(window).scrollTop();

$(window).scroll(function (){
     var scrollpos = $(window).scrollTop() + SCROLLPOSITION;
     scrollpos = Math.floor(scrollpos/3);
     $('#oke').css("left", scrollpos + 'px');  //divname of moving image
     SCROLLPOSITION = $(this).scrollTop();
});

顺便说一句，在 chrome 中无法正常工作，即等（因为他们在鼠标滚轮上跳过了多行）
-适用于 Firefox

编辑（并在 js fiddle 上更新） http://jsfiddle.net/gQTAy/6/

现在工作

好的 nvm ......被误解的问题

Answer 2

似乎您想要带有效果的lazyLoad插件之类的东西。

看看这个FIDDLE。

我刚刚添加了一个自定义效果，就像您描述的那样，并将其绑定到启动时的effect属性lazyLoad。

这是代码：

$(function(){
    $.fn.extend({
      slideInLeft: function() {
        return this.each(function() {
            $(this).show().css({opacity: 0, position: 'relative', left: "-200px"});
            $(this).animate({opacity: 1, left: 0}, 'slow');
        });
      }
    });

    $("img").show().lazyload({
        'effect': 'slideInLeft'
    });
});