• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

vertical scrolling content overlay

Contributor ,
Oct 16, 2019 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

307

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
community guidelines
Community Expert ,
Oct 16, 2019 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Contributor ,
Oct 16, 2019 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.

Votes

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
community guidelines
Community Expert ,
Oct 16, 2019 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.

Votes

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
community guidelines
Community Expert ,
Oct 16, 2019 Oct 16, 2019

Copy link to clipboard

Copied

LATEST

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines