滾動時圖片進入屏幕

Question

有什麼插件可以做到這一點？當您向下滾動時，圖像將顯示並從左側或右側滑動到中心。我搜查了我找不到它。那麼有人知道一個插件嗎？

在此先感謝..

Answer 1

似乎你想要的東西，如lazyLoad plugin與effects。

看看這個FIDDLE。

我剛剛添加了一個自定義效果，就像您所描述的那樣，並將其綁定到lazyLoad啓動時的effect屬性。

下面的代碼：

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

Answer 2

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中無法正常工作，即等（他們的Cuz多行滾輪跳繩）
-Works爲Firefox

編輯（和更新爵士小提琴） http://jsfiddle.net/gQTAy/6/

作品現在

確定NVM ...誤解的問題