Changing arrow key scroll ammount

General topics
1

Heya,

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!

Thanks

1 Like
2

Hey :wave: Heya

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

3

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

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

haven´t tested it, but should work.