Public Ticket #3669431
Parallax in iOS


  • Paul Clearfire started the conversation

    I suspect this is an old issue, but I can't find any specific workarounds for LayerSlider: Is there a way to get Parallax  scrolling in LayerSlider to work properly in Chrome or Safari on iPhones/iOS? 

    See website above for an example. Working fine in Safari and Chrome desktop in  both MacOS Ventura and Windows 11 - but iOS seems to kill everything that's fun :-(.

  •  115
    George replied

    Hello Paul,

    Unfortunately iOS does not support the fixed background feature. https://forums.developer.apple.com/forums/thread/99883

    But we have a workaround:

    First, create a HTML layer and remove the text from the content field. Then, drag that layer in the bottom of your layers list. After that, please follow all the settings you can see on the attached screenshots. You will get a full-sized pinned layer which won't move/scroll with your page.

    Attached files:  Screenshot 2024-06-19 at 12.28.20.png
      Screenshot 2024-06-19 at 12.27.57.png
      Screenshot 2024-06-19 at 12.27.49.png

    Best Regards,
    George | Kreatura Dev Team

  • Paul Clearfire replied

    George, this worked perfectly. Thank you. Once I got the layer set up in one of my sliders, the import layer function made it super easy to make the change on all the rest. I'm very grateful to all the work your team has put into this UI.

    A suggestion for a future iteration: In the "add layer" dialog, create a new layer element called "Parallax Background" that is essentially an HTML layer with all the presets to make it work properly, and a default image pre-loaded, then have it auto-load to the bottom of the layer stack. That way users (particularly noobs like me) will be less likely to be caught up by iOS ruining all the fun in life.

    Thanks again, and cheers!


  •  115
    George replied

    Great, thank you for the feedback!
    We will consider your idea regarding the unique layer type.

    Best Regards,
    George | Kreatura Dev Team