DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 頁面出現滾動條的時候如何讓滾動條不影響頁面寬度
頁面出現滾動條的時候如何讓滾動條不影響頁面寬度
編輯:前端技巧     
設置body的寬度為window的寬度(以下腳本控制)

$("body").css("width", $(window).width());

同時設置body的overflow(樣式裡寫)

body{ overflow-x: hidden;}

ps:

同理,div裡面的table也是這樣處理

 
 

設置tableContainer(樣式裡寫)、tableMain(腳本控制)的寬度等於tableMainHead的寬度


復制代碼代碼如下:
$(".tableMain").css("width", $(".tableMainHead").css("width"));


設置tableContainer的overflow為hidden(樣式裡寫)

這樣做帶來一個缺點,就是浏覽器窗口大小變化的時候,body裡面的內容不能自動居中(原本用百分比做寬度設置的div等是可以使用margin:auto自動居中的,現在將多出來的部分hidden了,就不能自動居中了)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved