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

Safari "overscroll-behavior: none" stucks #1026

Open
TYGUZY opened this issue Apr 21, 2024 · 0 comments
Open

Safari "overscroll-behavior: none" stucks #1026

TYGUZY opened this issue Apr 21, 2024 · 0 comments

Comments

@TYGUZY
Copy link

TYGUZY commented Apr 21, 2024

Based on a suggestion on stackoverflow I have created an horizontal scroller:

var controller = new ScrollMagic.Controller();
var scrollHorizontal = new TimelineLite();

scrollHorizontal.to("#scrollHorizontal", 1, {x:'-85%'})

var horizontalScroll = new ScrollMagic.Scene({
      triggerElement: "#scrollHorizontal",
      triggerHook: 'onLeave',
      duration: 8000,
      offset: 0,
      loglevel: 1
    }).setPin("#scrollHorizontal").setTween(scrollHorizontal).addTo(controller);

No issues in Firefox and Chrome. In Safari when "overscroll-behavior" is set to "none", the updates stop when the triggerElement reaches the start point and the scrolling completely freezes. No errors in the console and the updates also stop. When the "pointer-events" are set to "none" for "#scrollHorizontal" it works again, but is not usable for my case.

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

No branches or pull requests

1 participant