Use arrow keys to scroll down slide without skipping to next section with scrollOVerflow:true

[danitagill]

Is there a way to use the arrow keys to scroll up and down the content of a slide without it automatically skipping to another section altogether? In my case, I have content on a slide that extends past the screen height, and I want the user to be able to scroll down to view the rest of the content without having to use the mouse or trackpad (for accessibility purposes). I have scrollOverflow set as true, but whenever I use the arrow keys to move up and down the slide, the screen just shifts to the next section instead.

[robspearman]

If there is only one long section on a page, being able to use page up/down and home/end should work as well to scroll the section.

Background: I am migrating a site to fullpage.js but many pages are going to be just single sections to begin with. I want to use fullpage.js even for these simple pages because then I get consistent adaptive text resizing across the entire site.

[danitagill]

I have several sections on one page.

[ethanliu]

I did something similar, I have to move horizontal slides to position before move down vertical section for simple visual feedback. $.fn.fullpage.moveTo() will only works on .active section, to do so you can manage the .active class between fullpage behavior.
for example:

$.fn.fullpage.setScrollingSpeed(0);  // turn off the animation  
$('current actived section').removeClass('active');  
$('#target section for moving slides').addClass('active');  
$.fn.fullpage.moveTo('target section anchor', slideIndex);  
// restore .active state  
$('current actived section').addClass('active');  
$('#target section for moving slides').removeClass('active');  
$.fn.fullpage.setScrollingSpeed(700); // turn on animation  
// ready for the original section down action  
$.fn.fullpage.moveSectionDown(); 

[alvarotrigo]

slimScroll, the vendor library to create the scroll bar inside the section when using scrollOverflow:true, doesn't support this feature. As neither any iframe or scrollable element: http://jsfiddle.net/ta4kca27/

I'll keep the topic open in case fullPage.js changes to another vendor library to create the scroll bar.

[laurelstreng]

Would love to see this implemented!

[Fuji100]

However... slimscroll is also actvie on mobile. On mobile the swipe does exactly what I and the others desire. So - to whatever the swipe logic is listening to the keyboard logic should listen to as well. I'm new to css and have no skill in writing js.... but the logic is there already for swipe, so it would just need to be transferred to keys?

[assaf244]

Hey,
is there any chance this issue was solved?
or any workaround suggested?

[alvarotrigo]

is there any chance this issue was solved?

Can you see it stills open? There you have your answer :)

[loiic-v]

No update on this? Yep it's still open, so I have my answer thanks :) but does anyone facing that behaviour has any idea of a workaround?

[alvarotrigo]

No update yet.

[alvarotrigo]

Fixed in v4!! 🥳