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 );
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论