CSS show/hide scroll bar example code
Mar 27, 2017 pm 05:49 PMShow hidden scroll bars under the frameset frame
<frame src=\'#\'" id="resDefaultFrame" name="resDefaultFrame" scrolling="auto" />
scrolling="Auto" YES means to display the scroll
NO means not to display the scroll in any case AUTO Depends on the situation
-------. -------------------------------------------------- ----------------------------------
Hide scroll bars when CSS loads
< body style="overflow:hidden">
or<body style="overflow-x:hidden;overflow-y:hidden;">
------ -------------------------------------------------- ----------------------------------
div displays up, down, left and right scroll bars
<div style="width:260px;height:120px; overflow:scroll; border:1px solid;">
Here is the content you want to display</div>
div displays the css code for the upper and lower scroll bars
<div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;">
Here is the content you want to display</div>
div displays the css code for the left and right scroll bars
<div style="width: 260px;height:120px; overflow-x:scroll; border:1px solid;">
Here is the content you want to display</div>
Code to modify the color of the scroll bar
SCROLLBAR-FACE-COLOR (the color of the protruding part of the three-dimensional scroll bar)
SCROLLBAR-HIGHLIGHT-COLOR (the color of the blank part of the scroll bar)
SCROLLBAR-SHADOW-COLOR (the color of the three-dimensional scroll bar shadow)
SCROLLBAR-ARROW-COLOR (the color of the triangular arrows on the up and down buttons)
SCROLLBAR-BASE-COLOR (the color of the scroll bar Basic color)
SCROLLBAR-DARK-SHADOW-COLOR (the color of the strong shadow of the three-dimensional scroll bar)
The above is the detailed content of CSS show/hide scroll bar example code. For more information, please follow other related articles on the PHP Chinese website!
Hot Article
Hot tools Tags
Hot Article
Hot Article Tags
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
What language is the browser plug-in written in?
May 08, 2024 pm 09:36 PM
What language is the browser plug-in written in?
