滚动列表

当前版本:V1 最近更新:2014-09-17 组件作者:biggxie

 

组件说明

1. PC端:滑动滑块
手持设备:滑动列表
2. 组件会自动清除列表每行最后一个元素的margin-right值,无需样式处理
3. 已在PC端,iPhone4s,iPhone5,android 4.x设备上测试过,想在iPhone6上试试,求壕赞助T_T
4. 未压缩组件下载

更新日志

  • 2014/09/17 发布

非milo版本组件使用

1、html结构

PC端添加的类名称

    手持设备添加的类名称

      2、JS调用

      
      
      new NewScrollList({
      "lists":{
      "parentId":"sm1″,   // * 列表元素父元素ID
      "listBox":"list1″,// * 列表元素ID
      "children":"li",       // * 列表元素子元素标签
      "listBoxWidth":"996″       // (可选)自定义列表的宽度,适用于多行列表的情况,如Demo中的第二种
      },
      "bar":{
      "parentId":"orbital2″,   // * 滑块父元素ID
      "barId":"bar2″// * 滑块元素ID
      },
      "custom":{   // (可选)
      "PCclass":"PCclass",   // (可选)PC端为列表和滑块共同的父元素添加的类名称,方便编写样式,默认为"PCclass"
      "Touchclass":"Touchclass"// (可选)手持设备端为列表和滑块共同的父元素添加的类名称,方便编写样式,默认为"Touchclass"
      }
      });
      

      DEMO演示

      demo