滾動條高階

2021-08-30 01:20:43 字數 900 閱讀 9634

今天在專案中遇到乙個要給乙個多行一列的彈出頁面增加滾動條的問題

終於找到解決方案了

用個乙個    div 包裹  table

然後設定 樣式

滾動條 屬性介紹:

1.overflow內容溢位時的設定(設定被設定物件是否顯示滾動條)

overflow-x水平方向內容溢位時的設定

overflow-y垂直方向內容溢位時的設定

以上三個屬性設定的值為visible(預設值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立體滾動條亮邊的顏色(設定滾動條的顏色)

scrollbar-arrow-color上下按鈕上三角箭頭的顏色

scrollbar-base-color滾動條的基本顏色

scrollbar-dark-shadow-color立體滾動條強陰影的顏色

scrollbar-face-color立體滾動條凸出部分的顏色

scrollbar-highlight-color滾動條空白部分的顏色

scrollbar-shadow-color立體滾動條陰影的顏色

我們通過幾個例項來講解上述的樣式屬性:

1.讓瀏覽器視窗永遠都不出現滾動條

沒有水平滾動條

沒有垂直滾動條

沒有滾動條

或2.設定多行文字框的滾動條

沒有水平滾動條

沒有垂直滾動條

沒有滾動條或

3.設定視窗滾動條的顏色

設定視窗滾動條的顏色為紅色

scrollbar-base-color設定的是基本色,一般情況下只需要設定這乙個屬性就可以達到改變滾動條顏色的目的。

加上一點特別的效果:

4.在樣式表檔案中定義好乙個類,呼叫樣式表。

這樣呼叫:

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...

谷歌滾動條設定 IE滾動條設定

google瀏覽器chrome設定滾動條樣式 courrlist webkit scrollbar courrlist webkit scrollbar track courrlist webkit scrollbar thumb courrlist webkit scrollbar thumb w...

div設定滾動條和滾動條顏色

當div所定義的區域的內容達到一定程度時,在div標籤裡面嵌入css樣式表,定義overflow的屬性值,設定滾動條相關的屬性。注 1.overflow visible 卻省值,沒有滾動條,根據內容自動擴撐區域的大小,即定義的區域無效 scroll 總是顯示滾動條 hidden 沒有滾動條,超出區域...