Highlighted

vertical scrolling content overlay

Contributor ,
Oct 16, 2019

Copy link to clipboard

Copied

Hi there,

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

 

https://max.adobe.com/

Views

181

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

vertical scrolling content overlay

Contributor ,
Oct 16, 2019

Copy link to clipboard

Copied

Hi there,

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

 

https://max.adobe.com/

Views

182

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 16, 2019 0
Adobe Community Professional ,
Oct 16, 2019

Copy link to clipboard

Copied

Do you mean something like this?

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

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 16, 2019 1
Contributor ,
Oct 16, 2019

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 16, 2019 0
Adobe Community Professional ,
Oct 16, 2019

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 16, 2019 1
Adobe Community Professional ,
Oct 16, 2019

Copy link to clipboard

Copied

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.

 

 

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 16, 2019 0