JSFiddle

michaelcalleia's public fiddles

• Scroll down arrow, pulse

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Scroll down arrow, bouncing and fading

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Footer is a panel, AND included in scene

  Now the footer is included in the scene/tween. But, when this happens something in the scroll locations changes. In the other example (Footer is a panel, but not included in scene: https://jsfiddle.net/michaelcalleia/zyqhz893/) scroll location for anchors is calculated based on div heights (adding up the panels before it). In this version div heights do not correspond to scroll location. But, can't figure out what the relationship is between the locations ScrollMagic has calculated and the div height calculated by adding up panels.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Footer is a panel, but not included in scene

  Since the footer is part of the tween/scene, the pincontainer does not extend the full length of the footer. This results in two problems: 1. A faint change in shading between within the footer. This demarcates the end of the pincontainer. 2. On mobile devices, iScroll will not scroll the full length of the footer (since the footer extends beyond the screne/tween).

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ScollMagic: Last Slide Over (with Blackout div)

  Tween scrolling long pages with ScrollMagic

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ScollMagic: Next Slide Over

  Uses top:100% and y to control divs.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ScollMagic: Last Slide Over

  Tween scrolling long pages with ScrollMagic

• Private fiddle Extra
• Delete fiddle
Groups Extra