Home/ Questions/Q 7520537
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T02:05:18+00:00

Could any one let me know the css to create a custom scroll bar

  • 0

Could any one let me know the css to create a custom scroll bar which looks like the one in the image? The background should be transparent, I have placed it on a green background for now.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do this using the jQuery plugin jScrollPane – http://jscrollpane.kelvinluck.com/

    $(function() {
   $('.scroll-pane').jScrollPane();
});

    The above code with set a div with class “scroll-pane” to scroll.

    You can’t do with with standard CSS but with CSS3 you can:

    pre::-webkit-scrollbar {  
    height: 1.5ex;  
     -webkit-border-radius: 1ex;  
    }  

pre::-webkit-scrollbar-thumb {  
    border-top: 1px solid #fff;  
    background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(210, 210, 210)));  
       -webkit-border-radius: 1ex;  
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);  
}

    NOTE: This will only work on webkit browsers.

    • 0