2009-11-05 60 views
3

我的頁面是帶有標題的3列設計。它在IE6和IE7中很好地呈現(據我所知)。我使用JavaScript來調整頁面的某些元素,以適應瀏覽器窗口。然而,在IE8上,它試圖爲滾動條留下空間,即使它們沒有被渲染,導致在調整大小時的跳躍效果(頁面在離開間隙之間交替,然後不是)。IE8爲不需要的滾動條留出空間

如果我設置溢出:滾動在我的CSS它解決了這個問題,但是我不希望滾動條在不需要時顯示,所以這只是一個臨時性的修復。

有沒有什麼辦法可以讓我的頁面伸展到最大寬度和高度(使用JavaScript),並且只在需要時才能獲得滾動條?

+0

被令人討厭。沒有看到你的頁面結構,很難提出一個更好的方式來用CSS代替(因此評論和不回答),但你應該使用CSS進行調查。我總是發現http://www.cssplay.co.uk/是這樣一個很好的資源。 – MalphasWats 2009-11-05 09:24:08

+0

它是css和javscript的組合。這是JavaScript的唯一原因是,它看起來像我在ie6中想要的方式,除此之外,我幾乎可以在CSS中做到這一點。無論如何欣賞輸入 – moonblade 2009-11-05 09:26:11

+0

你嘗試溢出:自動? – Raze 2009-11-05 09:45:11

回答

2

我想你現在已經想到了你的想法,我已經考慮了更多。

IE7及以下版本總是顯示滾動條(如果不需要,禁用它)。所以,當需要滾動時,不需要改變UI以啓用/禁用滾動。

由於IE8這不再是真實的。當需要滾動時,頁面跳轉以適應滾動條所需的新空間。任何默認情況下都不顯示滾動條的瀏覽器也是如此。

如果您在身上設置了overflow:scroll,您將默認使所有瀏覽器顯示滾動條,並且應該防止跳躍。

+0

像我所說的,我擁有它設置爲溢出:已經滾動。事實是我不想在那裏有水平滾動條,除非需要垂直滾動條。 ie8離開了差距,但沒有顯示滾動條。沒問題,我已經解決了溢出問題:現在滾動。 +1的幫助:) – moonblade 2009-11-06 11:07:18

0

您可以隨時添加overflow-x: hidden來禁止水平滾動條。當與overflow: scroll配對時,它將使用水平滾動條執行您想要的操作。

垂直滾動條將保持可見,但它將被禁用。

相關問題