Skip to content

Safari "overscroll-behavior: none" stucks #1026

@TYGUZY

Description

@TYGUZY

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions