滑动效果

Posted 2020-10-10 wanan_01

下载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轴滚动条，默认为显示