移动端模拟滚动条,粗糙的封装了一下,只测试了IOS和安卓4.3,其他未知待测试。
支持X轴和Y轴滚动,默认Y轴,如果需要X轴,需要加上data-type=“x”。下面是调用方法
- //调用
- scroll(‘.scroll’).init()
另外提供两个方法:
- scroll(‘.scroll-wrap’).init({
- scrollTop : function () {
- //顶部触发
- },
- scrollEnd : function () {
- //底部触发
- }
- });
下面是HTML结构。
- <div class=“scroll”>
- <div class=“scrollDom”>
- //内容
- </div>
- </div>
X轴:
拖
动
我
4
5
6
7
8
9
10
11
12
13
14
15
16
Y轴:
拖
动
我
4
5
6
7
8
9
10
11
12
13
14
15
16