中文文档地址：

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

效果图：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport"

           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

     <title>Title</title>

     <script src="./js/iscroll.js"></script>

     <style>

         div{

             width: 400px;

             height: 600px;

             overflow: hidden;

             border: 2px dashed #28a4c9;

             /*因为滑动条相对于父盒子定位*/

             position: relative;

         }

     </style>

 </head>

 <body>

 <div id="wrapper">

 <ul>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！123</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！123</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑234动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！123！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动25245！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！123！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动23423！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动13134234！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

     <li>我要滑动！！</li>

 </ul>

 </div>

 <script type="text/javascript">

     var myScroll = new IScroll('#wrapper',{

         mouseWheel: true,

         scrollbars: true

     });

 </script>

 </body>

 </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. JS流程控制语句 继续循环continue continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

    继续循环continue continue的作用是仅仅跳过本次循环,而整个循环体继续执行. 语句结构: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } ...

  2. Python全栈开发：协程代码实例

    协程代码1 #!/usr/bin/env python # -*- coding;utf-8 -*- # 导入协程模块 """ 协程工作原理 ""&q ...

  3. Math: Fibonacci

    https://www.zhihu.com/question/28062458 http://blog.csdn.net/hikean/article/details/9749391 对于Fibona ...

  4. vue项目中，单页图片过多，使用懒加载

    最近做项目,一页图片很多,加载的时候效果很差. 通过学习借鉴其他大神的方法,使用了插件vue-lazyload,使用这个插件,界面更美观了,加载的效果好起来. 安装 npm i vue-lazyloa ...

  5. Tomcat小技巧

    目录 1.项目路径忽略项目名 2.配置tomcat虚拟目录 3.显示目录文件列表 4.设置URL不区分大小写 1.项目路径忽略项目名 server.xml中修改Context标签中的path属性为/ ...

  6. Error: Could not link: /usr/local/share/doc/homebrew

    mac 执行brew update 报错 Error: Could not link: /usr/local/share/doc/homebrew 更新brew,报错 Error: Could not ...

  7. 5行代码怎么实现Hadoop的WordCount？

    初学编程的人,都知道hello world的含义,当你第一次从控制台里打印出了hello world,就意味着,你已经开始步入了编程的大千世界,这和第一个吃螃蟹的人的意义有点类似,虽然这样比喻并不恰当 ...

  8. java笔试之字符串反转

    写出一个程序,接受一个字符串,然后输出该字符串反转后的字符串. package test; import java.util.Scanner; public class exam04 { public ...

  9. Ajax请求Session超时解决

    web前端js代码: $.ajaxSetup({ contentType : "application/x-www-form-urlencoded;charset=utf-8", ...

  10. ORA-01790: 表达式必须具有与对应表达式相同的数据类型

    出现这种错误,要先看一下是不是sql中有用到连接:union,unio all之类的,如果有,需要注意相同名称字段的数据类型一定要相同.