默認滾動條處理程序是什麼元素？

那裏的每個瀏覽器是否共享任何有關顯示滾動條的默認處理程序的元素的標準？我真的不知道他們是如何看待的<html>和<body>元素默認滾動條處理程序是什麼元素？

渲染

更新：

舉例來說，如果你要重建DOM結構哪來你把overflow: auto/scroll在<html>或<body> ？

來源

2014-04-10 Pablo Armentano

更新：

舉例來說，如果你要重建，其中你乾脆把溢出的DOM結構：自動/滾動的還是？

就此而言，HTML element is the one you're after。

原來的答案：

滾動條的造型是依賴於瀏覽器在一定程度上，並且只能通過CSS的WebKit瀏覽器和IE進行控制，另一種方法是利用JavaScript的插件。

一個一致的控件CSS具有的是使用the overflow property是否顯示給定元素的滾動條。

溢出CSS屬性指定是否剪裁內容，呈現滾動條或顯示塊級元素的溢出內容。

關於你的造型選擇，example implementations in CSS may be：

的Internet Explorer

body{ 
    scrollbar-base-color: #C0C0C0; 
    scrollbar-base-color: #C0C0C0; 
    scrollbar-3dlight-color: #C0C0C0; 
    scrollbar-highlight-color: #C0C0C0; 
    scrollbar-track-color: #EBEBEB; 
    scrollbar-arrow-color: black; 
    scrollbar-shadow-color: #C0C0C0; 
    scrollbar-dark-shadow-color: #C0C0C0; 
}

的Webkit

::-webkit-scrollbar { width: 3px; height: 3px;} 
::-webkit-scrollbar-button { background-color: #666; } 
::-webkit-scrollbar-track { background-color: #999;} 
::-webkit-scrollbar-track-piece { background-color: #ffffff;} 
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;} 
::-webkit-scrollbar-corner { background-color: #999;}} 
::-webkit-resizer { background-color: #666;}

至於默認的 '處理' 而言，CSS是級聯所以將任何規則應用到y的頂層你希望所有的孩子都繼承這些屬性。

就窗口滾動條而言，您希望使用html元素來控制這些元素，因爲這是始終填充視口/內容空間的元素。

來源

2014-04-10 14:10:41 SW4

感謝您的回覆，但我不只是要求造型。當我談到一個「默認處理程序」是因爲當在JavaScript中爲窗口滾動條設置動畫時，您需要指定一個元素作爲'window'，'code'，'html'或'body'。也許我應該更新我的文章 –

'html'元素就是你所追求的內容，請參閱http://phrogz.net/css/htmlvsbody.html – SW4

這就是在檢查Google Results頁面時讓我感到困惑@ Chrome/Webkit34.0.1847.116' $（'body'）。scrollTop - > 522''$（'html'）。scrollTop - > 0'你知道我的意思嗎？ –

默認滾動條處理程序是什麼元素？

回答

相關問題