默认滚动条处理程序是什么元素?

时间:2014-04-10 14:07:59

标签: html dom cross-browser scrollbar overflow

那里的每个浏览器是否共享关于哪个元素是显示滚动条的默认处理程序的标准?我真的想知道他们如何处理<html><body>元素的呈现

更新

例如,如果你必须重建DOM架构,你会将overflow: auto/scroll置于<html><body>吗?

1 个答案:

答案 0 :(得分:2)

<强>更新

  

例如,如果你必须在哪里重建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;}

至于默认的&#39;处理程序&#39;关注的是,CSS是级联,因此请将所有规则应用于您希望所有子级继承这些属性的顶级。

就窗口滚动条而言,您希望使用html元素来控制它们,因为这是始终填充视口/内容空间的元素。