Blogmarks : Public marks with tags scroll & css

Scroll-driven Animations

by srcmax

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

scroll css js

demosthenes.info – position sticky: scroll-to-top-then-fixed in pure CSS

by manu

scroll sticky css

Pure CSS Parallax Websites

by srcmax

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

Parallax scroll css

gromo/jquery.scrollbar · GitHub

by srcmax

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

js library scrollbars scroll css

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

by srcmax & 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.

css scroll pointer-events performances

Slide In (as you scroll down) Boxes | CSS-Tricks

by srcmax

scroll visible css js

14islands

by srcmax

On a recent project for a client we experienced the well known iOS5 bug with fixed positioned elements not actually being where they are rendered. This happens after a programmatic call to window.scrollTo()

position:fixed css scroll ios bug

Nizo for iPhone

by minigoer & 1 other

css anim scroll

jScrollPane - cross browser styleable scrollbars with jQuery and CSS

by srcmax & 1 other

jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS.

css jQuery plugin scroll

Nike Better World

by misspo

html css scroll

jScrollPane - cross browser styleable scrollbars with jQuery and CSS

by eledo34 & 1 other (via)

jScrollPane : impeccable pour ces clients qui vous demandent des “scrollbars comme en flash” avec une apparence particulière : tout plein d’options et de callbacks, très versatile, fonctionne même au clavier et au scroll de molette !

jQuery css scroll

jQuery Masonry · David DeSandro

by Spone & 8 others

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

css plugin jQuery javascript scroll float grid

A Stationary Logo That Changes on Page Scroll with CSS | Impressive Webs Toronto

by vrossign

css scroll scrolling logo effects

Introducing MooTools ScrollSidebar Example

by kruty (via)

menu { position:fixed; }

scroll menu position:fixed jQuery css

10 Useful CSS/JS-Coding Solutions For Web-Developers | CSS | Smashing Magazine

by naudjf & 2 others (via)

css tips soltuions js jQuery silder scroll menu

Make a “Secret Message” with CSS Positioning and Transparency

by vrossign

css messages scroll avoir

Showcasing the CSS Parallax Effect: 12 1 Creative Usages [Update2] › Blog › kremalicious.com » Matthias Kretschmann | Photography

by nhoizey

I mean Parallax Scrolling which is a technique often used in good ol’ arcade and video games like Moon Patrol or Sonic the Hedgehog. In such 2D games parallax scrolling was used to create an illusion of three dimensional depth.

Parallax scroll image png css javascript jQuery effet