我試圖用持久性導航標題創建一個可滾動列表。但是,當您滾動到列表的底部時,最後幾項不可見,因爲列表被標題壓下。我創建了一個的jsfiddle,藉以說明問題:溢出:自動與持久標頭
的問題是高度:100%。我怎樣才能解決這個問題?我可能使用CSS3 calc()來使它,高度:calc(100% - 3em);不過,我的目標是不支持calc()的瀏覽器。
我想我的問題是,我可以有2個嵌套元素,一個用ems測量高度,另一個用%測試,因爲看起來我不能。
我試圖用持久性導航標題創建一個可滾動列表。但是,當您滾動到列表的底部時,最後幾項不可見,因爲列表被標題壓下。我創建了一個的jsfiddle,藉以說明問題:溢出:自動與持久標頭
的問題是高度:100%。我怎樣才能解決這個問題?我可能使用CSS3 calc()來使它,高度:calc(100% - 3em);不過,我的目標是不支持calc()的瀏覽器。
我想我的問題是,我可以有2個嵌套元素,一個用ems測量高度,另一個用%測試,因爲看起來我不能。
查看此解決方案。我已經加入position: absolute;
到項目,並設置bottom
和top
參數爲好,似乎工作確定
哇!這實際上似乎工作完美,我不是很期待看到。謝謝! – Matthew 2012-08-14 13:03:53
不知道如果我完全理解你以後在做什麼,但這種緊密的:HTTP://的jsfiddle .net/U34vq/13/ – 2012-08-13 15:08:00
或者這一個http://jsfiddle.net/U34vq/14/ – 2012-08-13 16:05:33
@AntonBoritskiy尋找一個CSS解決方案,謝謝。 – Matthew 2012-08-13 17:48:01