中文文档地址：

http://wiki.jikexueyuan.com/project/iscroll-5/

效果图：

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <meta name="viewport"
  6.            content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.      <title>Title</title>
  8.      <script src="./js/iscroll.js"></script>
  9.      <style>
  10.          div{
  11.              width: 400px;
  12.              height: 600px;
  13.              overflow: hidden;
  14.              border: 2px dashed #28a4c9;
  15.              /*因为滑动条相对于父盒子定位*/
  16.              position: relative;
  17.  
  18.          }
  19.  
  20.      </style>
  21.  </head>
  22.  <body>
  23.  <div id="wrapper">
  24.  <ul>
  25.      <li>我要滑动！！</li>
  26.      <li>我要滑动！！</li>
  27.      <li>我要滑动！！</li>
  28.      <li>我要滑动！！123</li>
  29.      <li>我要滑动！！</li>
  30.      <li>我要滑动！！</li>
  31.      <li>我要滑动！！</li>
  32.      <li>我要滑动！！</li>
  33.      <li>我要滑动！！</li>
  34.      <li>我要滑动！123</li>
  35.      <li>我要滑动！！</li>
  36.      <li>我要滑动！！</li>
  37.      <li>我要滑234动！！</li>
  38.      <li>我要滑动！！</li>
  39.      <li>我要滑动！！</li>
  40.      <li>我要滑动！123！</li>
  41.      <li>我要滑动！！</li>
  42.      <li>我要滑动！！</li>
  43.      <li>我要滑动25245！！</li>
  44.      <li>我要滑动！！</li>
  45.      <li>我要滑动！！</li>
  46.      <li>我要滑动！123！</li>
  47.      <li>我要滑动！！</li>
  48.      <li>我要滑动！！</li>
  49.      <li>我要滑动！！</li>
  50.      <li>我要滑动23423！！</li>
  51.      <li>我要滑动！！</li>
  52.      <li>我要滑动13134234！！</li>
  53.      <li>我要滑动！！</li>
  54.      <li>我要滑动！！</li>
  55.      <li>我要滑动！！</li>
  56.      <li>我要滑动！！</li>
  57.      <li>我要滑动！！</li>
  58.      <li>我要滑动！！</li>
  59.  </ul>
  60.  </div>
  61.  <script type="text/javascript">
  62.      var myScroll = new IScroll('#wrapper',{
  63.          mouseWheel: true,
  64.          scrollbars: true
  65.      });
  66.  </script>
  67.  </body>
  68.  </html>

前端插件--isCroll的使用的更多相关文章

  1. 前端插件@user

    分享一个 @user 前端插件   开源地址:https://github.com/yuezhongxin/Mention.js 插件效果:类似于微博或 github 中 @user 列表效果. 这是 ...

  2. Django之前端插件定制之表头

    什么是插件? 插件只是辅助,是开发过程中的一个阶段.一般项目一期会用各种插件,迅速将功能.界面搭出来,二期时就改成自己的代码了.大点的公司都有自己的js库,自己开发类似jquery的库. 那接下来就写 ...

  3. 前端插件之Bootstrap Dual Listbox使用

    工欲善其事,必先利其器 对于很多非专业前端开发来说写页面是非常痛苦的,借助框架或插件往往能够达到事半功倍的效果,本系列文章会介绍我在运维系统开发过程中用到的那些顺手的前端插件,如果你是想写XX管理系统 ...

  4. 前端插件之Select2使用

    工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了bootstrap-duallistbox这个插件的使用,这一篇开始Select2的征服之旅 Se ...

  5. 前端插件之Datatables使用--上篇

    工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,前边两篇分别介绍了Duallistbox插件和Select2插件的使用,这一篇开始Databases的征服之旅 D ...

  6. 前端插件之Datatables使用--下篇

    工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了Datatables插件的基本使用,这一篇文章作为上一篇的延续,会介绍Databases的一些高级 ...

  7. VSCODE开发VUE.JS前端插件

    VUE前端插件.转载自:https://www.cnblogs.com/karthuslorin/p/8577224.html vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscod ...

  8. VScode前端插件推荐

    工欲善其事,必先利其器,安利一波前端插件. Chinese (Simplified) Language Pack for Visual Studio CodeVScode汉化插件 Beautify代码 ...

  9. sublime text3 前端插件介绍

    Emmet插件 Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件 它让编写HTML代码变得极其简单高效 基本用法:输入标签简写形式,然后按Tab键 关于Emmet的更多介绍 ...

随机推荐

  1. QSerialPort类

    一.简介     QSerialPort类是Qt5封装的串口类,可以与串口进行通信.QSerialPortInfo是一个辅助类,提供串口的一些信息,如可用的串口名称,描述,制造商,序列号,串口16位产 ...

  2. C++: inheritance

    公有继承(public).私有继承(private).保护继承(protected)是常用的三种继承方式. 1. 公有继承(public) 公有继承的特点是基类的公有成员和保护成员作为派生类的成员时, ...

  3. 第三方下载控件 用起来还是不错的偶!Aria

    本文主要介绍开源项目Aria的使用. 先在项目里的build 中配置compile 'com.arialyy.aria:Aria:3.1.1' //下载 开始下载 Aria.download(this ...

  4. signed main()

    主函数由int main()改成signed main() 好处:把int改成long long 的时候不用单独把它改成int了,懂的人都懂(滑稽

  5. 动态设置背景图片，class，style

    1.动态设置背景图片<div v-if='img ' :style="{background: 'url('+ img +')',backgroundSize:cover }" ...

  6. 莫烦PyTorch学习笔记(五)——模型的存取

    import torch from torch.autograd import Variable import matplotlib.pyplot as plt torch.manual_seed() ...

  7. 菜鸟nginx源码剖析数据结构篇（四）红黑树ngx_rbtree_t[转]

    菜鸟nginx源码剖析数据结构篇(四)红黑树ngx_rbtree_t Author:Echo Chen(陈斌) Email:chenb19870707@gmail.com Blog:Blog.csdn ...

  8. final关键字与类型转换

    一.关于final的重要知识点; 1.final关键字可以用于成员变量.本地变量.方法以及类. 2. final成员变量必须在声明的时候初始化或者在构造器中初始化,否则就会报编译错误. 3. 你不能够 ...

  9. MVVM基础概念和理解

    在MVVM模式中,View封装UI和UI逻辑,viewmodel封装presentation逻辑,model封装业务逻辑和数据. View类 View的责任是定义屏幕上的结构和外观,在完美的情况下,v ...

  10. CAS添加验证码功能

    1.  cas.war 下面的web-inf/web.xml  lib添加  kaptcha.jar kaptcha.jar通过maven获取 <dependency> <group ...