Amaze UI Plugin

Amaze UI Fullpage

Amaze UI风格的单页滚动效果

Star Fork Download

Amaze UI Fullpage

使用说明

  1. 获取 Amaze UI Fullpage

  2. 在 Amaze UI 样式之后引入 Fullpage 样式(dist 目录下的 CSS):

    Amaze UI Fullpage 依赖 Amaze UI 样式。

    <link rel="stylesheet" href="path/to/amazeui.min.css"/>
    <link rel="stylesheet" href="path/to/amazeui.fullpage.min.css"/>
  3. 引入 Fullpage 插件(dist 目录下的 JS):

    Amaze UI Fullpage 中的JS文件并不是必须的,使用纯CSS就能实现最基本的单页滚动效果(需要浏览器支持vwvh)。

    <script src="path/to/jquery.min.js"></script>
    <script src="path/to/amazeui.fullpage.min.js"></script>
  4. 初始化 Fullpage:

    Amaze UI Fullpage 也支持Data API。

    $(function() {
      $('.am-fullpage').fullpage({
        autoplay: true,
        interval: 5000
      });
    });
Amaze UI 微信
在微信上关注我们