2011-02-10 57 views
0

我有一個比外部DIV內容更多的DIV。目前我正在使用overflow:auto;創建一個滾動條。不過,我希望在瀏覽器級別上具有滾動條,而不是在DIV的側面。帶位置的CSS繼承:固定用於滾動DIVS

我試圖設置所有其他的DIVS位置:固定但當我設置包含DIV位置:固定DIV我想滾動繼承此屬性從而凍結整個頁面。沒有放置位置:固定在容器DIV上,它也會滾動。

有沒有辦法阻止這種繼承,所以是唯一的元素,可以滾動而其餘的是固定的?

我的網站:http://www.longmeadoweventcenter.com/dev/reservations/

+0

如果你想瀏覽器窗口滾動,爲什麼不只是使高度流體? – meagar 2011-02-10 18:26:27

回答

0

如果我正確理解你的問題,這是不可行的,除非滾動內容作爲頁面上的背景。

你有意圖的模擬了嗎?

0

你所要求的並不是真正的'做'做事的方式。這在你問的方式當然是不可能的。

顯而易見的問題是,如果頁面的其餘部分對於屏幕來說太大而需要滾動條會發生什麼?

也許可以達到你以後的效果,但是要以完全重新設計你的頁面結構爲代價,並且嚴格限制你可以對頁面的其他部分做些什麼。

最接近你的是要完全改變頁面佈局,使得可滾動區域是主頁面元素,正常的position:staticposition:relative。在沒有任何其他內容的情況下,這會像普通頁面一樣行事,但在各方面都需要大量利潤。然後,您的頁面內容的其餘部分將使用z-indexposition:fixed;。這需要以至少四個單獨的元素的形式,有效地作爲主要內容的框架。您可以將任何您喜歡的東西放入這些框架元素中,但顯然與您所描述的佈局不同,您無法在可滾動區域後面或四個div之間流動內容。

所以效果是可能的,但不容易,並且可能不像你想象的那樣。