normal up on Normal Scroll After Fullpage.js doesn't autoScroll

[eribertocaria]

Description

Hello,
In this example there are two bugs.
The first one in the desktop version, when I'm in the natural scroll part, to go back to the Fullpage.js part, I have to scroll twice.
The second bug is that on mobile the fullpage.js doesn't work correctly.
I also wanted to know if it is possible to put a link to scroll from the Fullpage.js part to the natural scroll part.
I hope you can help me. Thanks for your help.
Best regards
Eriberto

Link to isolated reproduction with no external CSS / JS

https://jsfiddle.net/q1m8rhLd/10/

Steps to reproduce it

1. [First step]
2. [Second step]
3. [and so on...]

Versions

Chrome, Osx

[alvarotrigo]

The second bug is that on mobile the fullpage.js doesn't work correctly.

Can you elaborate, please?
OS version, web browser, and version and steps to reproduce.
Thanks!

I also wanted to know if it is possible to put a link to scroll from the Fullpage.js part to the natural scroll part.

Not at the moment.

[eribertocaria]

There is a natural scroll, as if the fullpage.js functionality is missing.

Android ---> Chrome, Osx ---> Safari

I try to scroll the slide, but the scroll is natural.

[alvarotrigo]

There is a natural scroll, as if the fullpage.js functionality is missing.

Where exactly?
What steps should I do to reproduce the issue?

I can't see any problem with your fiddle in Safari on Mac OS.
https://jsfiddle.net/q1m8rhLd/10/

[eribertocaria]

On mobile phones. In the desktop version it works fine

Simply scroll down and you will see that it scrolls naturally instead of clicking through the slide.

[alvarotrigo]

Yeap, I'm able to reproduce it on my phone outside jsfiddle.

Steps:

1- Scroll down to the section after fullPage.js.
2- Scroll up to go to the very top

Result:
fullPage.js scrolls normally

Expected result:
fullPage.js should autoScroll to the previous fullPage.js section and use autoScroll on all fullpage.js sections.

Thanks for reporting it! 👍
We'll investigate it further.

[eribertocaria]

Ok, thank you.

[eribertocaria]

Hello,
What's new?
Thank you
Best regards

[alvarotrigo]

You'll know if there is news on the topic if I reply.
So far, no news.

I advise you to avoid this feature until further news.

[eribertocaria]

Ok, thanks

[alvarotrigo]

So far I would encourage you to add all your "normal page" content on the last section of your page.
As long as you keep the default option scrollOverflow: true you should be able to simulate the same behavior you are looking for.

Plus, with this approach, you can also use scrollBar: false if you wish ;)

[eribertocaria]

It is very complicated to carry out this solution, as it is a Wordpress website and there are different types of content, including the footer.

[eribertocaria]

I don't see it viable, also because the part with the natural scroll, has animations with AOS.js https://michalsnik.github.io/aos/, which doesn't seem to be very compatible with Fullpage.js. I've used it in another project and only managed to load the content once. When all the content is on a single screen it's fine, but in this case it's not.

[alvarotrigo]

I'm not sure how your AOS component works.
But now on fullPage.js version 4 sections use the native scroll. As long as AOS can track the scroll of the parent element it should work fine.

But I understand the issue with WordPress and extra content.

[eribertocaria]

I have done a test and fixed the Wordpress problem, but it is not OK for AOS, because the content is not displayed.

[alvarotrigo]

but it is not OK for AOS, because the content is not displayed.

Sounds like an AOS configuration issue then?

[eribertocaria]

I'll see if I can get it to work.
Thanks

[eribertocaria]

Finally, the option you offer me is not viable. I have decided to disable Fullpage.js in the mobile version.

There is another bug. Let's see if you can fix it.

When I'm in the part of the page with natural scroll and I want to go back to the first screen, I have to scroll more than once. I would like to be able to go back to the first screen with just one scroll.

Thanks.

Best regards

[alvarotrigo]

When I'm in the part of the page with natural scroll and I want to go back to the first screen, I have to scroll more than once. I would like to be able to go back to the first screen with just one scroll.

I don't understand what's the issue.
If you are on a scrollable section, you'll first have to reach the very top of that scrollable section so you can keep on scrolling up. That's expected.

Can you elaborate and provide a jsfiddle or codepen with an isolated reproduction of the issue?

If you are talking about having to scroll more than once when reaching the top of the scrollable section, that's totally normal.
That's to avoid unwanted scrolls on kinetic scrolling devices like many laptops trackpads, Macbooks, or mouses like Apple magic mouse or Logitech MX 3 and similars.

Believe me, you don't want to turn that off :)
It's actually a feature introduced in v4 to solve complains from developers using kinetic scrolling devices.

[alvarotrigo]

I have decided to disable Fullpage.js in the mobile version.

Sure, you can do that using the responsive options too ;)

[eribertocaria]

Hello,
In this same example you can try: https://jsfiddle.net/q1m8rhLd/10/

1. I scroll to the bottom of the page.
2. I scroll to the top of the page until the natural scroll ends.
3. I scroll once and it doesn't go to the top, I scroll the second time and it finally goes to the top.

Once I get to the top of the natural scroll part, it should scroll all the way to the top with just one scroll.

Thanks

Best regards

[alvarotrigo]

3. I scroll once and it doesn't go to the top, I scroll the second time and it finally goes to the top.

Yeah, that's a feature :)
You don't want to disable that or visitors using kinetic scrolling devices will have a bad experience on your page.

[eribertocaria]

Ok. Thanks!