Skip to main content
kineticcreative123
Inspiring
Oct 16, 2019 4:43 PM UTC
Question

vertical scrolling content overlay

Hi there,

Does anyone know how to having scrolling content like the Adobe MAX site?

 

https://max.adobe.com/

    This topic is closed to new replies. Start a new post to keep the conversation going.

    4 replies

    Nancy OShea
    Community Expert
    Community Expert
    Oct 16, 2019 7:58 PM UTC

    Oh.  I see the effect now that I've zoomed out in my desktop browser.  It's very slick but mobile devices probably won't see it that way.

     

     

     

     

    Translate
    Nancy O'Shea— Product User & Community Expert
    Jon Fritz
    Community Expert
    Community Expert
    Oct 16, 2019 6:30 PM UTC

    It's all done with the javascripts attached to that page, there's nothing in DW that can do this for you. You'd either need to find a third party script, or write it yourself.

    @Nancy, you might need to make your browser's screen wider to see the effect the OP is looking at. Half of the page scrolls up, the other half down, while backgrounds change behind the scrolling bits.

    Neat effect, but it doesn't break down well in narrower screens and just looks like a long page of 100% width <div> tags that have background-images set.

    Translate
    Nancy OShea
    Community Expert
    Community Expert
    Oct 16, 2019 4:57 PM UTC

    Do you mean something like this?

    https://alt-web.com/TUTORIALS/?id=bootstrap_parallax_template

    Translate
    Nancy O'Shea— Product User & Community Expert
    kineticcreative123
    Inspiring
    Oct 16, 2019 5:13 PM UTC
    Hi Nancy. I meant just like the MAX site. I can do the standard parallax. I was wanting to have the content scroll up and down like the example.
    Translate