2012-08-13 60 views
0

我試圖用持久性導航標題創建一個可滾動列表。但是,當您滾動到列表的底部時,最後幾項不可見,因爲列表被標題壓下。我創建了一個的jsfiddle,藉以說明問題:溢出:自動與持久標頭

http://jsfiddle.net/U34vq/12/

的問題是高度:100%。我怎樣才能解決這個問題?我可能使用CSS3 calc()來使它,高度:calc(100% - 3em);不過,我的目標是不支持calc()的瀏覽器。

我想我的問題是,我可以有2個嵌套元素,一個用ems測量高度,另一個用%測試,因爲看起來我不能。

+0

不知道如果我完全理解你以後在做什麼,但這種緊密的:HTTP://的jsfiddle .net/U34vq/13/ – 2012-08-13 15:08:00

+0

或者這一個http://jsfiddle.net/U34vq/14/ – 2012-08-13 16:05:33

+0

@AntonBoritskiy尋找一個CSS解決方案,謝謝。 – Matthew 2012-08-13 17:48:01

回答

1

查看此解決方案。我已經加入position: absolute;到項目,並設置bottomtop參數爲好,似乎工作確定

http://jsfiddle.net/skip405/U34vq/15/

+0

哇!這實際上似乎工作完美,我不是很期待看到。謝謝! – Matthew 2012-08-14 13:03:53