Here to record some of the problems I have encountered in the production process, put it here, I hope to help.
The IFRAME does not appear scroll bars at the same timein the page referenced by the IFRAME, add:
scroll bar style Scrollbar-face-color: #2A024D; scrollbar-highlight-color: #0042FF; scrollbar-shadow-color: #000000;
The code is as follows:div {Scrollbar-face-color: #fcfcfc;Scrollbar-highlight-color: #6c6c90;Scrollbar-shadow-color: #fcfcfc;Scrollbar-3dlight-color: #fcfcfc;Scrollbar-arrow-color: #240024;Scrollbar-track-color: #fcfcfc;
I believe many people have encountered in the design of custom scroll bar style, before I was trying to convince designers to accept the browser with the scroll bar style, but this can only circumvent or solve the problem, recently encountered in the project, just to sum up. Of course, the scroll bar styles that are compatible with all browsers do not currently exist.
The scroll bar style under IE
IE is the first to provide scroll bar style support, well, for many years, but other browsers hav
Article Introduction: I believe many people have encountered in the design of custom scroll bar style, before I was trying to convince designers to accept the browser with the scroll bar style, but this can only circumvent or solve the problem, recently encountered in the project, just to sum up. Of course, the scroll bar styles that are compatible with all browsers do not currently exist.
I believe many people have encountered in the design of custom scroll bar style, before I was t
options that support unlimited horizontal and vertical scrolling.
5. Coverscroll
It is similar to Apple's CoverFlow design and supports scroll bars, scroll wheel, and gesture to scroll and view.
6. Sticky
This plug-in keeps any element on your page visible during scrolling.
7. Tiny Scrollbar: a lightweight JQUERY plug-in
8. Sticky Float: Another Rolling follow plug-in
9. Page Scroller: Beauti
in the previous article, we introduced the CSS Settings div scroll bar style, we all know that when the content outside the container, the container will appear scroll bar, its own scroll bar sometimes does not meet our aesthetic requirements, Then we can use CSS pseudo-class to implement the custom of the scroll bar.
First we need to understand the scroll bar. The scroll bar from the appearance is composed of two parts: 1, you can slide the part, we call it slider 2, the track of the scroll b
What to do if the scroll bar color cannot be set under IE6:In general, the following CSS code is used when setting the scroll bar style:{ scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee;
The CSDN Blog has been launched for a while. I believe everyone has their own Blog. Today, I saw a beautiful Blog. I learned from it. The results are not exclusive. I chose two beautiful ones for your reference.
// Customize the CSS selector for The Cogitation skin
--- Start ---Body {Font-family: Verdana, Arial, sans-serif;Font-size: 9pt;SCROLLBAR-FACE-COLOR: rgb (132 );SCROLLBAR-HIGHLIGHT-COLOR: rgb (101,1
Scrollbar-face-color specifies the surface color of the scroll bar;
Scrollbar-Highlight-color specifies the color of the top and left slopes of the scroll bar;
Scrollbar-shadow-color specifies the color of the lower and right slopes of the scroll bar;
Scrollbar-3Dlight-Color for the scroll bar top and left edge colo
The CSS definition is invalid under loose. DTD and xhtml1-transitional.dtd:
Body {SCROLLBAR-FACE-COLOR: # f2f2f2;SCROLLBAR-HIGHLIGHT-COLOR: # ffffff;SCROLLBAR-SHADOW-COLOR: #999999;SCROLLBAR-3DLIGHT-COLOR: #999999;SCROLLBAR-ARROW-COLOR: #999999;
When you create a website, you want to modify the color of the scroll bar on the right of the browser to beautify the website interface.CodeIt cannot be implemented. We need to use CSS to control the style of the scroll bar.
If you want to modify the color of the browser scroll bar, We can insert the following code into the CSS so that the scroll bar will change color.
The Code is as follows: (put it in the body. If not, put it in the HTML Tag .)
Scrol
, green, yellow, etc. if you can't remember their code, you can use the corresponding English black,white,red,blue,green,yellow, etc. to express.
3, the same identity for multiple attribute control when you can put several attributes in a brace, the different attributes in the middle separated by semicolons. such as large background and scroll bars:
Body {Background:url ("") Repeat fixed!important;}
Body {scrollbar-face-color: #EDF6F5;
Http://www.xuanfengge.com/css3-webkit-scrollbar.html Https://www.codeproject.com/tips/674478/customize-scrollbars-using-cssObjectiveWebKit supports areas with overflow properties, list boxes, drop-down menus, and textarea scroll bar custom styles, so the use is still quite large. Of course, the scroll bar style that is compatible with all browsers currently does not exist.DemonstrateTake a look at these 2 scroll bars demo:demo1 (image), Demo2 (pure CSS3 version)Scroll bar composition
::
The scroll bar style used in the project is adjusted to suit your style on the other's basis. (ie can debug the scroll bar style, Firefox can not debug at the moment)::-webkit-scrollbar { width: px; }/ * Track Scroll thickness * / ::-webkit-scrollbar-track { background-color:#ddd; }/ * Track color * / ::-webkit-scrollbar-thumb { background-color: #333;} / *
Here's how to use the scroll bar, just how to draw the scrollbar control.
Scroll bar basic Knowledge reference http://hi.baidu.com/3582077/blog/item/d30e5b38f8709aecb211c7c0.html
(PS for the moment to draw the horizontal scroll bar, regardless of vertical scroll bar, with this foundation, the following will give a complete example, directly look at the code on the line, do not need to say it clearly)
Self-painting is done in the scroll bar WM_PAINT me
The ideal open source framework? She was supposed to be small, simple, to meet simply is Beautiful? She should be good at growing up, and as she expands, she can get more and more plump.? She should be a good tool to support, why take the time to do the tools can do things?? She should be self-assembled, that is, as far as possible out of the configuration, but with a dependency can be used, the elimination of dependency disappears the automatic processing mode? She should be modular, all conten
CSS fruit after you have seen enough of your homepage in the gray scroll bar, want to let him change a color, what should you do?
In fact, this is very simple, insert a piece of code can be implemented (must be IE5 above, or IE5 as the kernel of the browser)First of all, let's take a look at this diagram. This code is added to and in the HTML
Where #xxxxxx is the color code of your choice.If you don't understand, please look at a few examples below
1 Body {Background: #4E544B;Color: #FFFFF
the link to control the expansion or hiding of ID = "Cont"
19. scroll bar colorBody {Scrollbar-face-color: # ffffff;Scrollbar-Highlight-color: # ffffff;Scrollbar-shadow-color: # ffffff;Scrollbar-3dlight-color: # ffffff;Scrollbar-arrow-color: # ffb900;
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.