Home  >  Article  >  Web Front-end  >  Regarding DIV scroll bar Firefox compatibility, please ask for js module scrollbar-dark-shadow-color:#eee;

Regarding DIV scroll bar Firefox compatibility, please ask for js module scrollbar-dark-shadow-color:#eee;

黄舟
黄舟Original
2017-07-03 11:20:571759browse

DIV滚动条火狐兼容 求js模块scrollbar-dark-shadow-color:#eee;

<iframe src="" frameborder="0" scrolling="no"></iframe> 

-------------------- 后续

iframe.html
<iframe src="111.html" frameborder="0"></iframe> 

111.html
<style type="text/css">
body{
    overflow-x:hidden; /*没有左右滚动*/
/*
    overflow:hidden;   /*完全没有滚动*/
    overflow-y:hidden; /*没有上下滚动*/
*/

SCROLLBAR-FACE-COLOR:#333;         /*(立体滚动条凸出部分的颜色)*/
SCROLLBAR-HIGHLIGHT-COLOR:#666;    /*(滚动条空白部分的颜色)*/
SCROLLBAR-SHADOW-COLOR:#999;       /*(立体滚动条阴影的颜色)*/ 
SCROLLBAR-ARROW-COLOR:#ccc;        /*(上下按钮上三角箭头的颜色)*/ 
SCROLLBAR-BASE-COLOR:#ddd;         /*(滚动条的基本颜色)*/ 
SCROLLBAR-DARK-SHADOW-COLOR:#eee;  /*(立体滚动条强阴影的颜色)*/ 
}
</style>

<div style="background:#ccc;width:999px; height:999px;">
    
</div>

您好!很高兴为您答疑!

火狐不支持自定义滚动条的样式,用JS来模拟

<marquee direction=&#39;up&#39; style="cursor:hand" height="400"
onmouseover=stop() onmouseout=start()><h2>
<p>文字部分</p>
</h2>
</marquee>

The above is the detailed content of Regarding DIV scroll bar Firefox compatibility, please ask for js module scrollbar-dark-shadow-color:#eee;. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn