I noticed a scrolling technique used by Popular Science Magazine.
They use it in almost all of their stories, where a text box simply scrolls in front of all of 1 or
2 main photos. Photos fade according to text and text almost appears to be seperated
from the rest of the layout as if it's a PNG overlay.
I don't see any tutuorial that describes how to isolate scrolling element on a page.
I see scrolling text boxes but this is different. This isolates page scrolling to certain elements.
Can someone take a quick look at Popular Science and offer an suggestions as to how
they did this.
Yes, Pop Sci uses Mag+. I was able to somewhat duplicate this functionality by placing both the text and the desired scrolling background in a container frame. Then, I set the container frame Folio Overlay to "Scrollable Frame" with the "Use Document Position" option. This way the image behind the text scrolls with the text. The container object was set to be the full size of the document which allowed the background image to appear to replace the original background image. Finally, I added a second page to the layout; when the user scrolls all of the way through the content on the first page, they'll flip to the second page. Not sure if this is a perfect solution for you but it worked well enough for our use case.
Europe, Middle East and Africa