iscroll.js

1.1 在你的页面中head标签下引入 iscroll.js

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 引入iscroll.js -->
  <script src="./iscroll.js"></script>
</head>
<body>
</body>
</html>

2 编辑HTML结构 注意 iScroll作用于滚动区域的外层。只有容器元素的第一个子元素能进行滚动,其他子元素不能被忽略

<div id="wrapper">
    <!-- 要进行滚动的元素 -->
    <ul>
        <li>...</li>
        <li>...</li>
        ...
    </ul>
</div>

3.js初始化

<script type="text/javascript">
var myScroll = new IScroll('#wrapper');
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,911评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • 最近项目中使用到了iscroll.js,为了解决弹出层内容过多,甚至大于屏幕的高、原生滚动会遮罩层以下,也会跟着弹...
    只是为了一个梦想阅读 3,316评论 0 0
  • IScroll.js插件是兼容所有移动端滚动条事件的插件,在某些安卓机中,我们无法通过overflo:scroll...
    叶落秋明阅读 27,319评论 5 8
  • 我家附近建了一个很大的超市,超市前面有个很大的广场,只要不下雨,傍晚六点多去超市总能看到很多年轻的,年老的妇女在跳...
    梅胜雪阅读 299评论 3 4