majido.github.io

Demos

Snap Points

• Simple JavaScript implementation:
  • Basic Demo
• Implementation using ‘before-scroll’ event:
  • Basic Demo
  • Horizontal gallery
• Test Pages
  • Element-based snap points
  • Repeat-based snap points
  • Transform and inline elements
  • Body with snap points
  • Horizontal Gallery
  • Basic Gallery - based on spec example
  • 2D Grid

ScrollTimeline

Demos work in Chrome Canary with flag: –enable-experimental-web-platform-features

• Parallax
• Flyin
• LTR, RTL direction