Streaming live at 10am (PST)

Having challenges scrolling with the keyboard arrow


#1

I am unable to scroll using the keyboard arrow buttons. Scrolling using either the mouse wheel or touchpad works seamless. However i am unable to scroll using the keyboard arrow keys unless i click on the div block, then i can scroll with the keypad.

e.g. of pages with this issue - about, fulani cuisine, blog, etc…I am having the same challenge with all these pages.


Here is my site Read-Only: https://preview.webflow.com/preview/fulanikitchen?preview=db7f8a06fe47705a13402b9005c6bc5a
(how to share your site Read-Only link)


#2

You have height 100% set on element with display-block. This prevents the content from overflowing the body, so the body doesn’t scroll with the keyboard arrows.


#3

Hey Jaymal.
You are using overflow: auto at your main page section. This means that the section needs to be “focused” e.g clicking on it, to actually scroll. Simply changing this to overflow: visible should do the trick, because your navbar is fixed.

-David


#4

Thanks @samliew worked now


#5

thanks @Davidlin_ch12 worked now