2011-04-27 28 views
1

我正在開發一個網頁,頂部有一個菜單。一個選項顯示的信息不夠用於屏幕,所以上下滾動激活,這沒關係。但我注意到,當我點擊從具有適合的屏幕信息的菜單中選擇另一個選項,滾動不激活,這是好的,但網頁出現移動的權利,因爲沒有滾動佔用空間在窗口中。這是正常的嗎?它看起來很奇怪,因爲網頁略有移動。上下滾動時網頁移動激活

我心我的頁面:

margin-left:auto 
margin-right:auto 

謝謝!

問題 的問題是,當滾動是可見的,當我點擊其他鏈接,這並不需要滾動,網頁向右移動,因爲在屏幕上更多的空間,網頁看上去中心,因爲沒有滾動需要被激活。

+0

這是正常的。你在尋找什麼來擺脫這種行爲......? – mattsven 2011-04-27 21:09:19

+0

是的,即將發生 – LostLin 2011-04-27 21:09:26

+0

我很難理解你的問題。你不是說右邊的垂直滾動條消失了,並且在你的(非MSIE)瀏覽器中重新出現,導致網站似乎向右/左移動?如果是這樣,你可以通過CSS修復垂直滾動條。 – BalusC 2011-04-27 21:10:01

回答

3

嘗試:

html { 
    overflow-y: scroll; 
} 

如果你想垂直滾動條總是存在,在你的CSS中。

+0

無我不希望它始終存在,我只是不希望我的網頁在滾動不存在的情況下向右移動 – bb2 2011-04-27 21:21:20

+1

@ bb2,那麼我擔心你會被卡住。難道是個大問題,你有你的頁面的大約50%,沒有滾動條?你不是在假設用戶的視口嗎?如果移動是不好的,那麼這個答案是最好的折中方案,滾動條會顯示,但不活動。用戶不會知道任何區別。 – 2011-04-27 21:29:19

+0

是的,我試過你的解決方案,它很好!讀完這篇文章後,我還在博客中發現了這個建議。謝謝!!! – bb2 2011-04-27 22:47:40

-1

嘛,我不是100%肯定你的意思,但是,你總是可以嘗試

「保證金:汽車;」

,你也可以嘗試一類/ ID添加到您所謂的「滾動」,然後您可以使用jQuery或原始JavaScript來防止內容/確保它不會滾動

+0

滾動的工作,但在不需要滾動條 – jao 2012-09-03 07:35:26

+0

哦,我看到他的網站是向左移動,那麼很可能是一個溢出問題 – DarkMantis 2012-09-03 11:07:11