Can I add parallax scrolling?

Asked on July 29, 2015 in Customization.

is it possible to integrate parallax scrolling into layers? A bit like the Dynamo theme? or are there any compatible plugins? Thanks.

Reply
  • Possible Answers to Your Question:

  • 1 Answer(s)
    Answered on August 24, 2015. Best answer

    Hi there,
    Parallax is technically just elements overlapping one another or placed disproportionately. Layers has a Sticky header option under the Header section that works like Dynamo’s header.

    As for scroll effects such as the Slider scroll effect in Dynamo, or having a fixed background in widgets, there are a few Layers Extensions that do this (LightSlider, Layers Essential Addons, Layers Animated Widgets), or you can use 3rd Party plugins like Master Slider.

    To get a fixed background on widgets, you must ensure the background is not set to repeat or stretch, and then can set a fixed attachment using CSS in the Advanced option of the design bar. Example:

    You can also set fixed background on widgets yourself using the Advanced widget design control:

     
    .custom-class{
         background-attachment:fixed;
    }
    
     

     

    background-attachment: fixed keeps the background image in place so long as the element is tall enough for scrolling.

    Vail Joy Layers Team
    Reply