編碼的世界 / 優質文選 / 生涯

css禁止頁面左右滑動


2022年5月08日
-   

CSS中"overflow:scroll"默認是左右,上下都滾動
如何設置成:當長度超出DIV長度的時候,只有上下滾動,左右無論超出多長都不滾動,也不會出現下面的滾動杆?
如果左右沒有超出內容時,用overflow:auto;
如果左右有超出內容,用overflow-x: hidden;
不過IE本身也是有問題的:
在設置Frame時,有一屬性是scrolling="yes/no/auto",IE6的Mozilla都支
持,但很顯然地,IE的開發人員在這個地方懶了一下,他們對auto的理解很不人性化。auto的意思是自動,就是要的時候有,不要的時候沒有。但如果設
成auto,則在網頁過長需要出豎起滾動條時,IE會自動地把水平滾動條也顯示出來,哪怕網頁完全不超寬。而設成yes時,IE則會一直出豎直滾動條,而
不隨便出水平條,這差不多是對的。所以如果要用Frame的話,還是要把這個屬性設成Yes,這完全是為遷就IE。
Mozilla則在任何時候都是對的。
最後代碼如下:style="overflow:auto;overflow-x: hidden"

熱門文章