Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » HTML-CSS-PHP-JavaScript / JavaScript Codes » Stylish Auto Show/Hide Scroll Bar On Scrolling

Stylish Auto Show/Hide Scroll Bar On Scrolling

Web Page are now gonna long and long so scroll bar is a necessary part of every page but scroll bar is also eating up your width and messing up your page design so try to make it solve in stylish way.

Custom jQuery scrollbars are really important for creating enriched and beautiful web applications and websites. This scripts can help you easily add some amazing custom scrollbars to your website.


1.) JQuery File Added.
2.) JavaScript Files Added.
3.) Stylish CSS Added.
4.) Simple And Fast Loading Widget.
5.) Can Work With Any Browser.

How To Add In A WebPage?

1.) Just Go To Your “Web Page File”.
2.) Now “Copy” The Below Codes And “Paste” It To There Positions.
3.) “Save” It, Now You Are Done.


<script src='' type='text/javascript'> </script>
<script src='' type='text/javascript'/></script>
<script src='' type='text/javascript'/></script>
<script src='' type='text/javascript'/></script>


/* -----------------------------------------
----------------------------------------- */
#ascrail2000 {
background-color: #070503;
width: 12px !important;
padding: 3px;
z-index: 9999 !important;
-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);


1.) You Can Add More CSS. If You Are Pro, Then You Can Do Any Thing.

Recommended For You:
Add A Simple Page Scroll Reader Indicator With Pure Vanilla JavaScript

Last Words:

That’s all we have. If you have any problem with this code in your template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article…

You Like It, Please Share This Recipe With Your Friends Using...

Be the first to write a comment.

Leave a Reply

Your email address will not be published. Required fields are marked *