uniapp H5中使用移动端滚动插件iscroll.js

为了监听滚动中的事件，所以选用iscroll-probe这个版本

1：下载地址  iscroll-probe

2：横向滚动 纵向滚动要求父级有明确的高度或者宽度

<div id="right_div2">
	<div style='width:30rem'>
		<table id="right_table2" cellpadding="0" cellspacing="0" border="0">
			<tr><td></td></tr>
		</table>
		<table id="right_table5" cellpadding="0" cellspacing="0" border="0">
			<tr><td ></td></tr>
		</table>
	</div>
</div>

3：导入js

import IScroll from '@/js/iscroll-probe.js'

4：初始化实例

this.myScroll1 = new IScroll('#right_div2', {
	scrollX: true, // 允许横向滑动
	scrollT: true, // 允许纵向滑动
	startX : 0,    //滚动条开始的位置（横坐标）
	startY : 0,    //滚动条开始的位置（纵坐标）
	mouseWheel: false, //鼠标滚动事件
	bounce:false, //滚动回弹ios
	scrollbars: false, //滚动条
	probeType: 3, //每一像素 有性能影响
});

5：监听滚动中的事

this.myScroll1.on('scroll', function(){
    // do something
 
})

6：数据源新数据有宽度或者高度变化的时候（必写）

this.$nextTick(() => {     // dom更新结束后延迟回调，一定要写不然获取不到元素的高，无法滑动
	this.refresh()
})

refresh(){
    this.myScroll1.refresh()
},