css 列表内容滚动,stroll.js 炫酷的 CSS3 列表滚动动画集合 - 文章教程

CSS 列表滚动效果的集合。适用于支持 CSS3d 转换的浏览器，包括 iOS 和 android4.x 等特殊触控模式。

很酷的 CSS3 滚动效果 stroll.js 包括了多种滚动效果，用户很容易选择自己喜欢的效果，支持 Chrome/Safari/FF/iOS/Android 4.x。

使用方法

滚动效果的样式由列表上设置的类决定。一旦 Class 设置好，stroll.js 需要告知通过 bind 方法监视该列表：

// Bind via selectors

stroll.bind( '#main ul' );

// Bind via element reference

stroll.bind( document.getElementById( 'some-list' ) );

// Bind via array of elements / jQuery object

stroll.bind( $( '#main .some-list' ) );

您可以提供具有更多选项的附加参数：

// Makes stroll.js monitor changes to the DOM (like adding or resizing items).

// This is taxing on performance, so use scarcely. Defaults to false.

stroll.bind( '#main ul', { live: true } );

要对已绑定的列表禁用该效果，可以使用 stroll.unbind()：

// Same target options as stroll.bind

stroll.unbind( selector/element/array );