Safari choppy parallax issue

Discussion in 'Web Design and Development' started by acctman, Dec 29, 2014.

  1. acctman macrumors 6502a

    acctman

    Joined:
    Oct 26, 2012
    Location:
    Georgia
    #1
    Any where developers know how to solve the choppy imaging issue with safari and parallax?

    example

    Code:
    http://inwardstaging.com/shane/?page_id=104
    
     
  2. NutsNGum macrumors 68030

    NutsNGum

    Joined:
    Jul 30, 2010
    Location:
    Glasgow, Scotland
    #2
    The chopiness is probably because you're using the background-position property to create the parallax effect. If you want the parallax transition to run smoothly on modern browsers, you'll need to use a 3D transform on scroll.

    There's also an odd effect where the page seems to be bouncing back up after the initial downward scroll.
     

Share This Page