滑动效果

下载iScroll.js

https://pan.baidu.com/s/1geEovGB

html

<div id="wrapper">

    <div class="scroll">

       这个区域可以滑动

    </div>

</div>

css

1.父元素限定滚动的区域高度

2.子元素相对父元素绝对定位

js 编写js调用代码

var Scroll = new iScroll('wrapper',{hScrollbar:false, vScrollbar:false});

第一参数必需是滑动元素的父元素的id。

主要参数一览:

hScroll: true, 左右滑动,默认为true

vScroll: true,上下滑动

hScrollbar: true, 是否显示y轴滚动条,默认为显示

vScrollbar: true,是否显示X轴滚动条,默认为显示

 

posted @ 2017-10-14 15:11  wanan_01  阅读(250)  评论(0编辑  收藏  举报