pagePiling.js icon indicating copy to clipboard operation
pagePiling.js copied to clipboard

scroll in pp-scrollable section using arrow keys of keyboard

Open pwnchaurasia opened this issue 9 years ago • 4 comments

First of all thanks for this plugin , it is wonderful . I m trying to use this plugin with four section .

3 sections are of height,width 100% withover flow hidden. and the fourth section has class pp-scrollable which allows me to scroll with more content. (lets say it longSection)

when using arrow keys of the keyboard, I come from 3rd section to longSection it shows me the scrollbar but I am not able to scroll below until or unless I click anywhere on that section. When I click on any part of the longSection it works fine.

I have tried triggering click on that section using jquery. but jquery click event triggered is not an orignal event so it didn't worked for me. also same problem with focus.

hope u can help and fix the issue or if i am wrong then do correct me .

pwnchaurasia avatar Sep 14 '16 07:09 pwnchaurasia

You'll have to focus the section somehow. I'll mark it as an enhancement.

alvarotrigo avatar Sep 14 '16 09:09 alvarotrigo

any idea on how to do that. Actually I have tried triggering click and focus event of jquery on any Id or class

pwnchaurasia avatar Sep 14 '16 09:09 pwnchaurasia

Add tabindex="1" in the scrollable section. Then use the jquery function: .focus() on that same section.

alvarotrigo avatar Sep 14 '16 10:09 alvarotrigo

great .......... thank you very much it worked..

pwnchaurasia avatar Sep 14 '16 11:09 pwnchaurasia