首页 / HTML / html中滚动栏的样式

html中滚动栏的样式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html中滚动栏的样式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1570字，纯文字阅读大概需要3分钟。

内容图文

DIV滚动栏设置 （CSS）2008/09/26 03:07div 中滚动栏的控制2008年01月06日 星期日 01:181)隐藏滚动栏
<body style="overflow-x:hidden;overflow-y:hidden">
(2)怎样在单元格或图层中出现滚动栏
<div style="width:200px;height:200px;overflow-x:auto;overflow-y:auto;"></div>
(3)javascript改变框架中滚动栏的样式，比方改变颜色、改为平面效果等
<STYLE>  
BODY   {SCROLLBAR-FACE-COLOR:   #ffcc99;  
               SCROLLBAR-HIGHLIGHT-COLOR:   #ff0000;  
               SCROLLBAR-SHADOW-COLOR:   #ffffff;  
               SCROLLBAR-3DLIGHT-COLOR:   #000000;  
               SCROLLBAR-ARROW-COLOR:   #ff0000;  
               SCROLLBAR-TRACK-COLOR:   #dee0ed;  
               SCROLLBAR-DARKSHADOW-COLOR:   #ffff00;}  
</STYLE>  
   
说明：    
scrollbar-3dlight-color:color;设置或检索滚动栏亮边框颜色；    
scrollbar-highlight-color:color;设置或检索滚动栏3D界面的亮边颜色；    
scrollbar-face-color:color;设置或检索滚动栏3D表面的颜色；    
scrollbar-arrow-color:color;设置或检索滚动栏方向箭头的颜色；当滚动栏出现但不可用时，此属性失效；    
scrollbar-shadow-color:color;设置或检索滚动栏3D界面的暗边颜色；    
scrollbar-darkshadow-color:color;设置或检索滚动栏暗边框颜色；    
scrollbar-base-color:color;设置或检索滚动栏基准颜色。其他界面颜色将据此自己主动调整。    
scrollbar-track-color:color;设置或检索滚动栏的拖动区域颜色    
备注：    
color为你要设置的颜色代码，能够是16进制的，比方#FF0000，能够是以RGB表示的，比方rgb(255,0,255)；设置滚动栏样式的时候不必要把全部的属性都用上才会生效。
(4)javascript中的页面元素定位
clientX、clientY是鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0；
offsetX、offsetY是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；
screenX、screenY是鼠标相对于用户整个屏幕的位置；
x、y是鼠标当前相对于当前浏览器的位置
scrollLeft：设置或获取位于对象左边界和窗体中眼下可见内容的最左端之间的距离（由于有滚动栏的产生，所以眼下页面可见内容是不定的）。
scrollTop：设置或获取位于对象最顶端和窗体中可见内容的最顶端之间的距离。
left：对象相对于页面的X坐标。
top：对象相对于页面的Y坐标
(4)屏蔽选择,右键等
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">


原文：http://www.cnblogs.com/mfrbuaa/p/3753585.html

内容总结

以上是互联网集市为您收集整理的html中滚动栏的样式全部内容，希望文章能够帮你解决html中滚动栏的样式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1151105.html

来源：【匿名】