如何在不影響頁面其餘部分的情況下使用JQuery slideDown（）？

我目前有一個「行」類結果列表。這些行分爲兩部分，「span8」和「span4」。跨度4隱藏，直到函數調用slideDown爲止。但是，它的高度大於該行的高度，因此當它向下滑動時，頁面的其餘部分會略微向下移動。有沒有辦法讓它「通過」其他元素？有點像在MS Word中，當你有一個圖像，並將其定位在「通過」，以便它可以坐在文本的頂部而不影響它。如何在不影響頁面其餘部分的情況下使用JQuery slideDown（）？

來源

2013-06-21 Xonal

'位置移位：絕對的;'應該解決您的問題。 –

絕對位置，並添加「位置：相對」您的行類。

另一種選擇是設置可見性，而不是顯示：無。這將保持跳躍的高度。

來源

2013-06-21 17:57:18 sturdynut

你可以用height: 0; overflow:visible;將它包裝在一個容器中，並將實際內容設置爲overflow: hidden。然後當它的高度改變時，它應該與其他內容重疊。爲了一致性，容器也可以具有行高而不是0。

您將在此看到的jsfiddle的頂部容器下灰格沒有被文本「內容」（半所示笑聲） http://jsfiddle.net/W2HP3/1/

來源

2013-06-21 18:05:55 Don

絕對位置在一個親戚的位置也有效，可能更好，但我想我會拋出另一個選項。這裏的問題是獲取內容的背景需要一些工作。 – Don

如何在不影響頁面其餘部分的情況下使用JQuery slideDown（）？

回答

相關問題