Resources

Tools > Global Effects

Scrolling

Scrolling effects let your visitor interact with the site’s design. Surprises can take place, adding intrigue and a sense of discovery. On the downside, due to their powerful effect (complex code), scrolling features sometimes come into conflict with other tools (other code) on the same page. It will be trial-and-error to see if there are any conflicts on any  particular page and if there are, different design tools will need to be used. Start with using a scrolling effect on its own page and then add extra effects one by one to test compatibility. 

horizontal scroll

Horizontal scroll really catches viewers’ attention and looks great on desktop and tablet screens – but be aware that mobile phones are normally viewed in portrait (not landscape) view so the effect is less appreciated. You will need to take that into consideration when designing content that will fit across all three widths – or consider designing an alternative section for mobile view and adjust the page’s responsive settings accordingly. 

Like all scrolling tools, the horizontal scroll widget can misbehave if combined with too many other widgets on the same page, so our advice is to start simply. Details on how to use this tool are on the PAP site.

Vertical Scroll

Vertical Scroll can look very neat but has a tendency to misbehave with other widgets (code) on the same page so keep that in mind when designing. An alternative effect is Background Transition (see below). Details on how to use this tool are on the PAP site.

multi scroll

Multi Scroll looks really cool but it has a significant design issue: it does not work in mobile view (and possibly not in tablet portrait view). If you still want to use it for desktop and landscape-tablet viewers, our advice is to design 2 different containers with the same information. Hide the one with multi-scroll in portrait tablet and mobile views. Hide the other one in desktop view. Set these under Responsive settings in the Advanced tab. For details on how to use multi-scroll, see here.

Magic Scroll

Magic Scroll is hands-down one of the most powerful design features available in web design. It can take a while to understand its full potential because there are different ways it can be applied. You can even make it look like you are writing text by scrolling with your mouse.

Like all scrolling widgets, magic scroll can get glitchy when it dislikes other code – so don’t try to fit too many other effects onto the same page. However, when it works, it is capable of much. To get started with this tool, see here.

Background Transition

Background Transition can be a nice alternative to Vertical Scroll, and vice versa. With this widget, the background changes as you scroll and you can move from colours to images, and so on. Like all scrolling tools, it is best not to over-complicate the page with multiple widgets in case of glitches. More details on how to use this tool are on the PAP site.