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

stroll.js 炫酷的 CSS3 列表滚动动画集合

发布于 2020-07-25 字数 1426 浏览 2336 评论 0

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

stroll.js 炫酷的 CSS3 列表滚动动画集合

很酷的 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 );

项目地址:https://github.com/hakimel/stroll.js

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

清欢

文章 1 评论 0

贱贱哒

文章 3 评论 0

悸初

文章 2 评论 0

西瓜杏

文章 0 评论 0

各自安好

文章 0 评论 0