Home Web Front-end CSS Tutorial 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;

Jul 03, 2017 am 11:20 AM
javascript compatible module

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>
Copy after login

您好!很高兴为您答疑!

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

<marquee direction='up' style="cursor:hand" height="400"
onmouseover=stop() onmouseout=start()><h2>
<p>文字部分</p>
</h2>
</marquee>
Copy after login

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 of this Website
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

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

WLAN expansion module has stopped [fix] WLAN expansion module has stopped [fix] Feb 19, 2024 pm 02:18 PM

WLAN expansion module has stopped [fix]

WLAN extensibility module cannot start WLAN extensibility module cannot start Feb 19, 2024 pm 05:09 PM

WLAN extensibility module cannot start

How to implement an online speech recognition system using WebSocket and JavaScript How to implement an online speech recognition system using WebSocket and JavaScript Dec 17, 2023 pm 02:54 PM

How to implement an online speech recognition system using WebSocket and JavaScript

WebSocket and JavaScript: key technologies for implementing real-time monitoring systems WebSocket and JavaScript: key technologies for implementing real-time monitoring systems Dec 17, 2023 pm 05:30 PM

WebSocket and JavaScript: key technologies for implementing real-time monitoring systems

How to implement an online reservation system using WebSocket and JavaScript How to implement an online reservation system using WebSocket and JavaScript Dec 17, 2023 am 09:39 AM

How to implement an online reservation system using WebSocket and JavaScript

The most stable version of Win10 The most stable version of Win10 Dec 25, 2023 pm 07:58 PM

The most stable version of Win10

How to use JavaScript and WebSocket to implement a real-time online ordering system How to use JavaScript and WebSocket to implement a real-time online ordering system Dec 17, 2023 pm 12:09 PM

How to use JavaScript and WebSocket to implement a real-time online ordering system

JavaScript and WebSocket: Building an efficient real-time weather forecasting system JavaScript and WebSocket: Building an efficient real-time weather forecasting system Dec 17, 2023 pm 05:13 PM

JavaScript and WebSocket: Building an efficient real-time weather forecasting system

See all articles