Search code examples
jquerymcustomscrollbar

mCustomScroll - Scrolling body focus on page load

I am using mCustomScrollbar's keyboard support which will let user scroll using arrow keys.

But user will be able to use the arrow keys once he has clicked the scrolling frame. My requirement is to let user scroll the scrolling frame on page load.

So basically what I want is to focus the scrolling frame after page has been loaded. I have tried applying .focus() once scrolling frame has been generated but it didn't worked.

Any suggestions ?

Solution

  • I've tried adding .focus() on #mCSB_1 and it will work.

    (function($){
   $(document).ready(function(){
      $(".scrollBody").mCustomScrollbar({
       keyboard:{
         enable: true
       }
     });

     $('.scrollBody #mCSB_1').focus();

   })   
})(jQuery);

    https://codepen.io/anon/pen/RyemBg