Changing arrow key scroll ammount


My site has a lot of animation on mouse scroll with pages stacked vertically.
I’ve had feedback in the past that my clients use their keyboard arrow keys to scroll websites. This means they end up skipping huge chunks of the site as it’ll just move to the next page.

Is there a way to change the scroll amount of the keyboard arrow keys? Or even disable them entierly? I know it’s quite common to have an note at the top of the site saying ‘use mouse scroll’ but i’d like to avoid that if at all possible!


1 Like

Hey :wave: Heya

Kindly share the link of your website so I can check the animations there

add this to your “before body” custom code section to disable arrowkey scrolling:

window.addEventListener("keydown", function(e) {
    if(["Space","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(e.code) > -1) {
}, false);

haven´t tested it, but should work.