Posts

Showing posts with the label cross browser styleable scrollbars with jQuery and CSS

scrollbar color change by css

By -
hello guys follow these css but unfortunately not support in mozilla firefox. If you want to support in all browsers follow this url , this example from using js and css both. Demo <STYLE TYPE="text/css"> BODY { scrollbar-base-color: orange; scrollbar-arrow-color: green; scrollbar-DarkShadow-Color: blue; } .flexcroll { width:400px; height:200px; overflow:scroll; } .flexcroll { scrollbar-face-color: #367CD2; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; } /* Let's get this party started */ .flexcroll::-webkit-scrollbar {  width: 12px; } /* Track */ .flexcroll::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);  -webkit-border-radius: 10px;  border-radius: 10px; } /* Handle */ .flexcroll::-webkit-scrollbar-thumb {  -webk...
Post a Comment
Read more

cross browser styleable scrollbars with jQuery and CSS

By -
jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant files in the head of your document all you need to to is call one javascript function to initialise the scrollpane. You can style the resultant scrollbars easily with CSS or choose from the existing themes. There are a number of different examples showcasing different features of jScrollPane and a number of ways for you to get support. It is very simple to use jScrollPane. You will need to download the necessary files and place them on your server. Then you just need to include the relevant files in the <head> of your document: Example:- Demo
Post a Comment
Read more