中文文档地址：

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. printk函数

    一个不同是 printk 允许你根据消息的严重程度对其分类, 通过附加不同的记录级别或者 优先级在消息上. 你常常用一个宏定义来指示记录级别. 例如, KERN_INFO, 我们之前曾 在一些打印语句 ...

  2. 读《深入PHP 面向对象、模式与实践》笔记

    1. include() 和require() 语句的不同在于它们如何处理错误.使用require()调用文件发生错误时,将会停止整个程序;调用include()时遇到相同的错误,则会生成警告并停止执 ...

  3. CTO职场解惑指南系列（一）

    基于科技能够改变世界的事实,几乎每个公司的程序员都自带闪光灯.程序员的手和普通人的手自然是有区别的,“我们可是用双手改变了世界” .(码农真的是靠双手吃饭,呵呵) 这个世界上但凡靠双手吃饭就会特别不容 ...

  4. HAVING方法也是连贯操作之一

    HAVING方法也是连贯操作之一,用于配合group方法完成从分组的结果中筛选(通常是聚合条件)数据. having方法只有一个参数,并且只能使用字符串,例如: $this->field('us ...

  5. JavaScript中字符串类型

    字符串类型 字符串介绍 这是程序里面使用最为广泛的一-种类型.在JavaScript里面, 可以使用单引号,也可以使用双引号: 字符串这种数据类型非常霸道,它和其他数据类型相加都会被转换后才为字符串类 ...

  6. P1985 [USACO07OPEN]翻转棋

    题目链接: 翻转棋 题目分析: 先状压/\(dfs\)枚举第一排状态,然后在每个\(1\)下面翻,即确定了第一排就确定了后面的状态 最后验证一下最后一排是不是全0即可 代码: #include< ...

  7. Django 连接MySQL的驱动设置

    对于在Django 中连接MySQL 的驱动,有以下三种: 1) mysqlclient 2) mysql-connector-python 3) pymysql (建议:这个包已经有一年未升级了,本 ...

  8. hive设置列头（永久模式）

    到hive目录下的hive-site <property> <name>hive.cli.print.header</name> <value>true ...

  9. JS播放视频代码

    <div class="col-md-8"> <div id="moviecontainer"></div> </di ...

  10. HZOI20190903模拟36 字符，蛋糕，游戏

    题面:https://www.cnblogs.com/Juve/articles/11461528.html A:字符 暴力模拟一下,细节很多,但是暴力思路都不大一样 先枚举循环节长度,然后处理一个b ...