public marks

PUBLIC MARKS from srcmax with tag scroll

This year

2023

Scroll-driven Animations

Scroll-driven Animations A bunch of demos and tools to show off Scroll-driven Animations

2018

2017

GitHub - russellgoldenberg/scrollama: Scrollytelling with IntersectionObserver.

by 1 other
Scrollama is a modern & lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events.

2015

Page Scroll Effects | CodyHouse

Introducing a mini-library of experimental page scroll effects.

zynga/scroller @ GitHub

by 1 other
Accelerated panning and zooming for DOM and Canvas

2014

Pure CSS Parallax Websites

This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.

janpaepke/ScrollMagic · GitHub

ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a playback scrub control. It's the plugin for you, if you want to ... ... start an animation at a specific scroll position. ... synchronize an animation to the scrollbar movement. ... pin an element at a specific scroll position (sticky elements). ... pin an element for a limited amount of scroll progress (sticky elements). ... easily add a parallax effect to your website. ... create an inifinitely scrolling page (ajax load of additional content). ... call functions when the user hits certain scroll positions or react in any other way to the current scroll position.

gromo/jquery.scrollbar · GitHub

Cross-browser CSS customizable scrollbar with advanced features: Easy to implement No fixed height or width Responsive design support CSS customizable Standard scroll behavior Vertical, horizontal or both scrollbars Automatically reinitialize scrollbar External scrollbars support Browser support: IE7+, Firefox, Opera, Chrome, Safari jQuery Scrollbar as Angular.JS directive Textarea scrollbar

Scroll Depth - A Google Analytics plugin for measuring page scrolling

by 3 others
Scroll Depth is a small Google Analytics plugin that allows you to measure how far down the page your users are scrolling. It monitors the 25%, 50%, 75%, and 100% scroll points, sending a Google Analytics Event at each one.

scrollReveal.js

by 1 other
Declarative on-scroll reveal animations.

Mise à jour(nalisme) | Scrollitelling : quel outil pour vos récits multimédias immersifs ?

by 1 other
Un an après Snow Fall, les formats multimédias immersifs (parfois baptisés « scrollitelling ») se multiplient sur les sites de presse, et des outils commencent à apparaître pour épauler les journalistes. Plateformes wysiwyg, extensions WordPress, scripts open source à coder : voici un panorama des solutions disponibles à ce jour.

iScroll 5, smooth scrolling for the web

iScroll is a high performance, small footprint, dependency free, multi-platform javascript scroller.

2013

60fps scrolling using pointer-events: none | The CSS Ninja - All things CSS, JavaScript & HTML

by 1 other
Paul Lewis did an interesting article a while back about avoiding unnecessary paints through disabling hover effects as the user scrolls, which is a great approach. The down side being managing all your hover states through a parent class.

2012