1 Reply Latest reply on Sep 20, 2013 7:51 AM by SEIF BH

    Need help to create cutom scrollbar

    aveo1987

      hi, i can't get my scroll bar to appear and work, below is my coding for it.

      Thanks

       

      yepnope({nope:[ 'jquery.mCustomScrollbar.css',

                                   'jquery.mCustomScrollbar.js',

                                                            'jquery.mousewheel.min.js',

                                                              'jquery-ui-1.8.21.custom.min.js',

                                                              'jquery-1.8.3.min.js'

                                                             ],complete: init});

       

               function init (){

                                    sym.$("Group").mCustomScrollbar({

                                              scrollInertia:850,

                                              scrollEasing:"easeOutCirc",

                                              scrollButtons:{

                                              enable:true

                                                                  }

                                              });

                                    }

        • 1. Re: Need help to create cutom scrollbar
          SEIF BH Level 2

          Hi Aveo

           

          Remove that and add this in you html file

           

          <style>

          ::-webkit-scrollbar {

              width: 12px;

          }

           

          ::-webkit-scrollbar-track {

              -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1.00);

             

          }

           

          ::-webkit-scrollbar-thumb {

             

              -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1.00);

              background-color: rgba(150,0,0,1.00);

          }

          </style>

           

           

          Just like that

          Capture.JPG

          I Hope this will help you

           

           

          SEIF - BH