jquery動畫高度向上

所以我想要一個div向上滾動（從底部到頂部），當用戶滾動到頁面的某個部分時。jquery動畫高度向上

問題是我只能讓它從上到下做動畫，我會認爲相反會很容易，顯然不是。

$(document).scroll(function() {  
    var scroll = $(window).scrollTop(); 

    if (scroll >= 1700) { 
     $(".usersuk").animate( 
      { height:"400px" }, 
      { queue: false, duration: 1000 } 
     ); 
    } 
    else { 
     $(".usersuk").animate( 
      { height:"0px" }, 
      { queue: false, duration: 1000 } 
     ); 
    } 
});

此外，有沒有更好的方法來製作動畫的東西時，它的用戶比使用VAR滾動可見？

來源

2012-10-30 andy

我們還需要查看您的HTML和CSS。通常爲了達到這個目的，你需要使元素的位置爲'固定'或'絕對'。一個http://jsfiddle.net會有所幫助。 –

相關，可能重複：http://stackoverflow.com/questions/10125040/jquery-ui-blind-effect-reveal-from-bottom –

或多或少的@RoryMcCrossan的說法是：http：// jsfiddle。淨/ EeVCs/1 /或者如果元素高度應該向上動畫並保持其位置：http://jsfiddle.net/EeVCs/ – Joonas

好的，從底部到頂部進行動畫處理，這很容易。所有你需要做的就是設置父容器的位置：relative和動畫容器的位置：絕對與BOTTOM：0。當然，它將停留在父DIV的底部。您可以使用一些「overflow：hidden」爲動畫容器內的對象微調動畫。最後，如果真的想在「視覺」（窗口中的元素）上觸發事件，則需要考慮滾動位置，窗口高度，對象位置和對象高度。這很容易，但如果你習慣了插件，你可以檢查「inview plugin」。我已經使用了該插件，並且完美運行。希望這可以幫助

來源

2012-10-30 16:11:16 Bene

請注意，「絕對」容器不會推送相對父項，因此如有必要，可以將絕對div的高度添加到相對div的高度 – Bene

jquery動畫高度向上

回答

相關問題