OnScroll Up/Down Changes Dynamic Panel States

[Paul]

In this example I will simulate OnScroll Up/Down and change content in a dynamic panel with Next/Previous states to a very neat of scrolling navigation.

This example uses the Crazy Flicker, a dynamic panel that shows/hides on a never-ending loop. The Flicker uses OnShow with conditions to trigger actions if the Flicker is over another widget. There is a fair bit of explination in the example, so without further adieu...

See it Live



Here are some examples of sites that have some really incredible design using this kind of scrolling navigation.

• Volkswagen Beetle
• New Zealand Travel and New Zealand Business - The Official Website For New Zealand

I hope you enjoy this, very much.

[JimbobC]

Love it! I can immediately see how I'd want to use these techniques, particularly for making protos of marketing single-page sites.

That Flickering element kills my eyes though X)

[jr.peterson27]

Nice work, Paul. I like the implementation of parallax scrolling in the last image slide show.

[Paul]

@JimbobC Thanks! The first page is just meant to show visually how it's achieved - The rest of the pages have the flickering hidden so you never knew it was there. :]

@jr.peterson27 I'm glad you like it, my fiance wasn't exactly sure why she should be impressed (or why I was so excited). I might need a scroll "title" after this one heh.

[damien]

Nice work ... !!!

I can see I've got some more work to do on my crazy flicker stuff too

Cheers

Damien