2012-02-26 54 views
6

什麼是解決方法,以允許可滾動的overflow元素從左側和頂部負向定位?溢出(滾動)與負的「左」和「頂」定位元素一起工作

here in example (jsFiddle)一樣,只有3個紅色正方形可見,並且不會切換滾動。雖然有6個正方形,但其中3個位於頂部的負值。

+0

只是想知道,爲什麼你使用負面的立場,然後希望他們像負面邊緣內的常規元素流動? – 2012-02-26 10:44:57

+0

我不希望它們像常規元素那樣流動,它只是這個特殊的例子。請參閱http://jsfiddle.net/m85Na/(我的應用程序生成的另一個結果)。 – jolt 2012-02-26 10:51:58

+0

這是你想到的[種效果](http://jsfiddle.net/pb4bh/3/)嗎? Nevermind額外的盒子,我想知道滾動的行爲。 – 2012-02-26 10:59:10

回答

2

我能想到的唯一的辦法是包裝在一個div廣場相同的高度,他們和使用jQuery的scrollTop的()方法:http://www.w3schools.com/jquery/css_scrolltop.asp但是這也將迫使包裝格下方的水平滾動條...簡短回答:沒有純CSS的解決方案,並且定位它們絕對避免了此解決方案的滾動 - 如果要使用此方法,請嘗試向左浮動並清除每行。

-1

你需要把它包裹另一個div並給它溢出屬性。

http://jsfiddle.net/pb4bh/1/

+0

這似乎只工作,因爲有填充添加到包裝的div在兒童溢出​​量。如果應用程序是動態的,我不認爲它會工作,至少不是沒有一些JS邏輯來改變填充,因爲東西被移動 – 2013-10-15 18:09:53

0

我有同樣的問題,我能找到的唯一解決方案是使用JavaScript(我沒有在這個項目中使用jQuery)設置min-height & min-width