Amaze UI

JS 插件

Amaze UI JS 插件,使用注意事项,以及 JS 插件介绍。

iScroll Lite


Amaze UI 默认打包了 iScroll lite(当前版本为 5.1.3),具体使用请参考官网

iscroll-lite.js, it is a stripped down version of the main script. It doesn't support snap, scrollbars, mouse wheel, key bindings. But if all you need is scrolling (especially on mobile) iScroll lite is the smallest, fastest solution.

通过 $.AMUI.iScroll 访问 IScroll 对象。

<div id="wrapper">
  <ul>
    <li>...</li>
    <li>...</li>
    ...
  </ul>
</div>
var IScroll = $.AMUI.iScroll;
var myScroll = new IScroll('#wrapper');

iScroll 主要用来实现平滑的垂直、水平的拖动操作及控制。

网上很多 iScroll 的例子都是基于 iScroll 4 实现的,5.x API 变动很大,许多 4.x 的例子都不能正常工作,需要做调整。

更多例子请参见项目主页请注意,Amaze UI 打包的是 lite 版,有些 Demo 并不适用。

常见问题

使用 iScroll 以后链接无法点击?

初始化 iScroll 的时候加上 click: true 参数即可(感谢FB总司令)。

var myScroll = new IScroll('#wrapper', {
  click: true
});
侧栏导航
Amaze UI 微信
在微信上关注我们