Not able to use keyboard arrows to scroll my website

Question

Small description of what I have done so far:--

I am making a website which have functionality of horizontal scroll with pagepiling when content on horizontal scroll ends. and after that a section with vertical scroll is present.

The Problem:--

The problem I am facing is that when website is visible to use, I am not able to use arrow keys to scroll until I click on any part of the website.when I click on any part of the website then only arrow keys works. This happens on both the section horizontal scroll section and vertical scroll section.

everything works perfectly when i click on any part of the window. before that arrow keys don't work.

Solution That I Need:--

What I want is when my site completely loads to use .then I can operate it using arrow keys of keyboards.

hope anyone can help me.

Update

pp-scrollable class is of Pagepiling.js which allow me to scroll the section with having more content.

pp-scrollable section losses its focus .. to use keyboard arrows to scroll first I click on any part of the pp-scrollable section then only I can use arrow keys to scroll

if your site does not have focus your keys will not work (maybe other window has the focus). Did you try to set focus in some control? — Ricardo Pontual, Sep 13 '16 at 12:02
se vc usa jQuery, probably you have a ready function in your javascript. Just try to set the focus to some element, something like this: `$( document ).ready(function() { // other codes... $('#someId').focus(); });` — Ricardo Pontual, Sep 13 '16 at 12:28
You may need to set `tabindex`. Reference: https://stackoverflow.com/questions/8805550/scroll-div-with-arrow-keys — user202729, Dec 23 '19 at 03:40

score 0 · Answer 1 · answered Sep 13 '16 at 11:12

0

Check what part of the site has focus when you load. If a text field has focus for example, you won't be able to scroll until you click somewhere else.

answered Sep 13 '16 at 11:12

Perryn Fowler

2,192
1
12
20

can u please tell me how to check that. – thedudecodes Sep 13 '16 at 12:17

Not able to use keyboard arrows to scroll my website

1 Answers1