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

发布于 2020-07-25 09:31:37 字数 1275 浏览 2979 评论 0

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 );

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84960 人气
更多

推荐作者

沧笙踏歌

文章 0 评论 0

山田美奈子

文章 0 评论 0

佚名

文章 0 评论 0

岁月无声

文章 0 评论 0

暗藏城府

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文