讓頁面出現滾動條的時候,滾動條不影響頁面寬度

2021-06-21 11:28:39 字數 664 閱讀 1615

設定body的寬度為window的寬度(以下指令碼控制)

$("body").css("width", $(window).width());
同時設定body的overflow(樣式裡寫)

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

設定tablecontainer(樣式裡寫)、tablemain(指令碼控制)的寬度等於tablemainhead的寬度

$(".tablemain").css("width", $(".tablemainhead").css("width"));
設定tablecontainer的overflow為hidden(樣式裡寫)

這樣做帶來乙個缺點,就是瀏覽器視窗大小變化的時候,body裡面的內容不能自動居中(原本用百分比做寬度設定的div等是可以使用margin:auto自動居中的,現在將多出來的部分hidden了,就不能自動居中了)

頁面滾動條

頁面載入條 前面也介紹過幾種進入頁面時的載入條,這裡介紹的這個是乙個無需任何製作出來的載入條。效果很精美 更適合於深色頁面內的放入 為了讓大家能聯連貫地看學好下面的步驟,所以此例項載入後的頁面還是原頁面。製作方法 將下面的 複製到裡 將下面的 複製到裡 將下面的 複製到 裡 例項注釋 定義載入條屬性...

控制頁面滾動條

在預設情況下,頁面載入完後預設滾動在最頂端,有些時候我們需要在頁面開啟後,定位滾動條的位置,比如,橫向和縱向滾動條居中,實現頁面滾動的方法有三種 scroll scrollby和scrollto,三個方法都帶兩個引數 x x軸上的偏移量 和y y軸上的偏移量 因此我們只需修改x,y的偏移量來設定滾動...

python橫向滾動條 控制滾動條

調過js指令碼控制 python 1.coding utf 8 2.from selenium import webdriver 3.import time 5.driver webdriver.firefox 6.driver.get 7.搜尋 8.driver.find element by i...