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();
});

btw无法在chrome中正常工作，即等等（因为它们在鼠标滚轮上跳过多行）
-works for Firefox

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

立即行动

ok nvm ...被误解的问题

Answer 2

似乎你想要lazyLoad plugin和effects之类的东西。

查看此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'
    });
});

滚动时图像进入屏幕

2 个答案: