jQuery滑動DIV時滾動到錨點標記〜

Question

我想滑動DIV與內容出 - 在一個定義的頁面區域內;在一個長的垂直1頁網站內。

我把它設置了6個DIV塊;

模塊5我有一個包裝在DIV中的CSS3/jQuery動畫 - 我想用jQuery將SLIDE帶出頁面（從左邊或右邊）。

我想從確定的錨點確定滑動點;放在我希望DIV滑入的區域的標記內。

我怎麼寫這個;

..有點像 - 如果錨標籤;中的slideIn？

有點像;

slideLeftHide: function() { 
    return this.each(function() { 
     $(this).hide('slide', {direction: 'left'}, 1000); 
    }); 

Answer 1

http://jsfiddle.net/SZ8uH/2/

嘗試是這樣的：

var animInTriggeredAt = $("a#slidein").offset().top; //show when the anchor comes on stage 
var animOutTriggeredAt = animInTriggeredAt + $(window).height(); //hide when it leaves the stage 
var animActive = false; 

// handle scroll event 
$(window).scroll(checkScrollCues); 

function checkScrollCues(){ 
    var scrollY = $(window).scrollTop(); 
    if (scrollY > animInTriggeredAt && scrollY < animOutTriggeredAt && !animActive){ 
     animActive = true; 
     $("#myAnimatedDiv").show(); //put whatever animation code you want in here 
    } else if ((scrollY < animInTriggeredAt || scrollY > animOutTriggeredAt) && animActive){ 
     animActive = false; 
     $("#myAnimatedDiv").hide(); //put whatever animation code you want in here 
    } 
}