参考iscroll官方文档,
options.eventPassthrough
有些时候你想保留原生纵向的滚动条但想为横向滚动条增加iScroll功能(比如走马灯)。设置这个属性为true
并且iScroll区域只将影响横向滚动,纵向滚动将滚动整个页面。
在移动设备上访问event passthrough demo。注意,这个值也可以设置为'horizontal'
,其作用和上面介绍的相反(横向滚动条保持原生,纵向滚动条使用iScroll)。
在初始化iscroll时设置:
this.myScroll = new IScroll('.container', {
// mouseWheel : true, //鼠标滚轮支持
// scrollbars: false, //滚动条支持
scrollY: false, //滚动方向(垂直)
scrollX: true, //滚动方向(水平)
bounce: true, //边界时的反弹动画,默认true
click: true, //IScroll默认禁止了点击事件,如需绑定点击事件,请将该参数值设为true
// freeScroll : true, //当需要执行两个纬度上的滚动时(即横向、纵向都开启),设置该参数,默认为false
startX: 0, //滚动条开始的位置(横坐标)
startY: 0, //滚动条开始的位置(纵坐标)
// tap : true, //设置为true时,允许为用户点击或者触摸(并没有滚动时)触发一个自定义事件,或者设置值为一个自定义事件名称的字符串
// snap : 'li' //对齐(根据元素li对齐切割整个容器)
eventPassthrough: true// 保留原生纵向的滚动条但想为横向滚动条增加iScroll功能
});
重点:
eventPassthrough: true,
即可