PUBLIC MARKS from srcmax with tag scroll

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

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

Introducing a mini-library of experimental page scroll effects.

Accelerated panning and zooming for DOM and Canvas

Easily reveal elements as they enter the viewport.

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

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.

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 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.

Declarative on-scroll reveal animations.

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 is a high performance, small footprint, dependency free, multi-platform javascript scroller.

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.

Alma, c’est la confession brute d’une jeune femme qui a passé 5 ans dans le gang le plus violent du Guatemala. Elle a extorqué, tabassé, assassiné. Elle vous parle, les yeux dans les yeux, dans un programme complet (webdoc, TV, tablettes, livres, expo…) réalisé par Isabelle Fougère et Miquel Dewever-Plana, produit par nos amis d’Upian et soutenu par des dessins d’Hugues Micol qui revient avec nous sur cette collaboration.