jQuery向下滑動切換，不可能？

Question

我想用jQuery向下滑動，但我無法在任何地方找到它。

我不希望它隨着滑動而擴展
我確實希望它執行此操作 （單擊幻燈片），但是垂直向下，而不是水平向右。

更新：

所以這是最終的功能代碼！

$(this).toggle(
    "slide", 
    {
        direction: 'up',
        duration: 'slow',
        easing: 'easeOutQuart'
    }
);

Answer 1

閱讀API-Docs： http ： //docs.jquery.com/UI/Effects/Slide

您可以使用direction-option滑動每個方向。

演示： http ： //www.jsfiddle.net/doktormolle/befbE/ （我將滑動元素內圖像的寬度/高度設置為100％，所以你可以看到，圖像沒有縮放，它被剪裁，猜測是你在尋找什么）

Answer 2

如果將元素絕對放置在容器中並將其附加到底部（即position:absolute;bottom:0; ），您可以使用盲效，它將從頂部向下滑動到底部。 看到這里

Answer 3

如果你想要它自己創建你，你可以使用.animate()和你使用CSS。

就像是：

CSS：

#elm { width: 150px; height: 80px; position: absolute; left: -150px; }

腳本：

// let it animate
$('#elm').animate({ display: 'block', left: 0 }, 'fast');

否則，如果你不想自己做，使用jQuery UI'幻燈片'效果？

Answer 4

我知道你的意思 - DIV中的物品或者你動畫的任何東西看起來像是被噴射，然后擴展。

也許可以考慮將元素隱藏在另一個元素之后，然后向上移動掩蔽元素，或者使用.animate（）向下滑動隱藏元素？

jQuery .click .animate向下移動，然后向上移動

這可能有所幫助。

Answer 5

您可以使用具有固定尺寸的內部容器輕松實現此目的。

看到這個實例 。 在小提琴中，第一個div沒有內部容器。

這樣，當外部容器動畫（寬度/高度）時，內部容器不會生長，只需顯示 。

Answer 6

考慮你的身高150 像素的圖像

首先應用height =“0”

使用animate實現向下滑動效果

<img src="http://www.google.com/images/nav_logo29.png" id="image_scale" width="200" height="0" />

<script>
$(document).ready(function(){
    $("#image_scale").animate({height:"150px"},"5000");
});
</script>

Answer 7

絕對定位您想要滑入和滑出的元素，並使用.animate（）來改變它的位置。 您可以從頂部，底部，左側，右側，對角線滑入，或者您可以使用此方法。