Detalhes do pacote

amazeui-fullpage

photino49MIT0.1.4

Amaze UI风格的单页滚动效果

amazeui-plugin, amaze-ui, AMUI, fullpage

readme (leia-me)

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