PERFORMANT PARALLAX CSS HOW TO

My current workaround is somewhat hacky, but it gets the job done. additionalSafeAreaInsets is ignored (since these insets modifies the safe area of the view controller's view). In short, it looks like the safe area is not updated after UIViewController.viewWillDisappear is called, and hence any changes to. The code for the custom UIViewControllerTransitioningDelegate is provided below.Īfter some debugging I managed to find a workaround to this problem.

PERFORMANT PARALLAX CSS HOW TO

But UIKit/Auto Layout use these properties when calculating the frames)Īny thoughts on how to battle this issue is great welcome! (I'm quoting 'animates', since its actually the view's frame that is animated. So that the effective safe area starts at 0 and 'animates' to the expected value during presentation, and starts at expected value and 'animates' to 0 during dismissal. So, what I want is: use additionalSafeAreaInsets to diminish the effect of the safe area during animation, by setting additionalSafeAreaInsets to the 'inverted' values of the safe area. The red box is the safe area (plus some padding) of the presented view - which I'm trying to compensate for during animation, using the additionalSafeAreaInsets property of the view controller owning the view.Īs the gif shows, the safe area is properly adjusted during presentation but not during dismissal. It looks like this property is not accounted for when I'm trying to animate the dismissal of the view controller and its view. And it works great! Except when I try to adjust the additionalSafeAreaInsets of the view controller owning the view during dismissal. Im doing this by creating UIViewControllerAnimatedTransitioning-objects that animate the presented view's frame. I've created a custom UIViewControllerTransitioningDelegate that I use to animate a view from one view controller, to full-screen in another view controller.

Performant parallax css