Hey, I am making a single page website which is similar to [this](http://m2mobi.com) site. I have achieved the scroll on keypress using jQuery and scrollTop() function.
Although if you scroll the website mentioned in the link with your arrow keys you will see that after on keypress another keypress is not registered till the scroll is completed.
In my site it scrolls every time the arrow key is pressed. How can I achieve the scrolling as above
With a lock on interaction during scrolling, set a var to false when scrolling starts and true when scrolling ends and only scroll on keypress if the var is true. If you need more help make a CodePen with what you have so far.