2009-11-18 9 views
0

在做jquery的隱藏/幻燈片效果的怪異行爲。如何改變?

$('.mydiv').show('slide', {direction:up}, 1500); //syntax may be a little off 

jQuery的似乎是 - 剛開始動畫之前 - 騰出空間即將呈現DIV。這會產生一種不平滑的效果,使得div div下的所有元素都能夠在一個大的範圍內移動。

我希望看到div下面的元素隨着div動畫/顯示而移開。 jQuery的native hide()/ show()函數是這樣工作的,隱藏/顯示的幻燈片效果怎麼沒有?

任何人都知道如何解決它?

+0

這是在所有瀏覽器中看到的,還是僅在其中一些? – Stobor

回答

0

也許你可以嘗試使用slideDown效果呢? (http://docs.jquery.com/Effects/slideDown

+0

我試過了,但它沒有按照我想要的方式製作動畫。 slideDown改變高度,對我來說這不是一個「真正的」幻燈片。對我來說,一個「真正的」幻燈片效果是,當整個內容移開時,剪切不應該看到的內容區域。我猜這是如何隱藏與幻燈片效果的作品。 – Tommy

+0

http://docs.jquery.com/UI/Effects/Slide - '通過滑下來隱藏元素'。所以我相信這可以通過使用animate()函數來實現 - 創建帶有溢出的父div:隱藏,向下滑動子頁面(增加margin-top),最後隱藏父元素? – rochal