Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Autoscroll problem in Safari. #4533

Closed
obemer opened this issue Apr 14, 2023 · 16 comments
Closed

Autoscroll problem in Safari. #4533

obemer opened this issue Apr 14, 2023 · 16 comments

Comments

@obemer
Copy link

obemer commented Apr 14, 2023

Hello,

Thank you for your amazing work.

I'm experiencing an issue with the auto scroll in Safari.
It works fine with other browsers including safari on iOs.

I have sections with scrolling overflow.
In safari, when I'm scrolling from one section to another (trackpad), the scrolling movement is carrying away the origin section and the overflow of the destination section. Just a tiny annoying bit.

You can see it here;
https://olivierbemer.com

Thanks for your help.

@alvarotrigo
Copy link
Owner

Make sure to update to the latest version 4.0.19

@obemer
Copy link
Author

obemer commented Apr 14, 2023

I just did, and I still have the same problem.
any idea ?

Thanks !

@alvarotrigo
Copy link
Owner

Your page still using 4.0.17.
You can check running this on your JS console:
fullpage_api.version

Or checking the comments on the CSS and the JS files.

@obemer
Copy link
Author

obemer commented Apr 14, 2023

I upgraded it on desktop.
It's now online running the 4.0.19
The problem persists.

@alvarotrigo
Copy link
Owner

Check your css
https://olivierbemer.com/style.css

@obemer
Copy link
Author

obemer commented Apr 14, 2023

Thanks for your answer.
Have you seen something in particular ?

@alvarotrigo
Copy link
Owner

Not using the latest version on your CSS file for fullpage.js

@obemer
Copy link
Author

obemer commented Apr 14, 2023

I figured it was what you meant and I changed it on desktop.
It's online now and I still have the same problem.

Sorry about that.

@alvarotrigo
Copy link
Owner

Can you please provide an isolated reproduction in jsfiddle or codepen, with no CSS or JS files external to fullPage.js and the minimum amount of HTML code? Use empty sections with single or multiple headings unless strictly necessary for the reproduction of the issue?

@obemer
Copy link
Author

obemer commented Apr 16, 2023

Here is a reproduction. I hope it helps.
I put multiple images for the section to have enough overflow to reproduce my issue.
Thank you for your time.

https://codepen.io/oliiiv/pen/ZEqWNxr

@alvarotrigo
Copy link
Owner

@obemer thanks! 👍
I'm investigating the issue.

It seems to be related to the way Safari deals with inertial scrolling.
The mousewheel event seems to get propagated to the next section but the event is not triggering the event, which prevents fullPage.js from cancelling it before completely landing on the section.

@obemer
Copy link
Author

obemer commented Apr 17, 2023

I'm glad this can help.
It was driving me mad.

Good luck fixing this issue.

Thanks Alvaro.

@obemer
Copy link
Author

obemer commented May 3, 2023

Hello Alvaro,

Any solutions to this problem. ?

Thanks.

@alvarotrigo
Copy link
Owner

@obemer not yet.

@alvarotrigo
Copy link
Owner

You'll know when there's any change if I comment on the post.

@alvarotrigo
Copy link
Owner

alvarotrigo commented Mar 11, 2024

It seems to be the same issue reported here:
#4557

Let's continue the conversation there.

I can't reproduce the issue anymore on the latest Safari Version 17.3.1 (19617.2.4.11.12).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants