Scroll does not start with arrow down key after page load

[ashehzadgec]

The problem is whenever page is loaded and then I have to click through mouse on page or use mouse wheel to scroll the page. Otherwise page will not scroll e.g(after page loading when I press arrow down key, page should scroll but it doesn't). This issue is persistent on all modern browsers like chrome, Mozilla, opera and edge.

• Browser:
• Version of smooth-scrollbar:
  8

Issue Summary

On page load, scroll does not work by using arrow down key. All modern browsers.

Current Behavior

On page load, scroll should work by using arrow down key but it doesn't.

Expected Behavior

On page load, scroll should work by using arrow down key.

On page load, scroll should work by using arrow down key.

Steps to Reproduce

Online demo

[idiotWu]

The scrollable area requires to be focused to enable keyboard scrolling. So in your case, you should call container.focus() after page loaded.

[ashehzadgec]

Hey Dolphin Thanks a lot for your help. It worked.

…

On Sun, Nov 15, 2020 at 11:46 PM Dolphin Wood ***@***.***> wrote: The scrollable area requires to be focused to enable keyboard scrolling. So in your case, you should call container.focus() after page loaded. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#284 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APQYRBXCGI4IQULKFAM7BYTSQAOXFANCNFSM4TWKPOUA> .

[kiran-kadam911]

@idiotWu can you pls share an example. Actually, I was trying this thing with container class for example $('.scroller').focus(); but no luck on window.load