横向iscroll阻止纵向浏览器滚动条
程序员文章站
2022-04-18 21:22:12
横向iscroll阻止纵向滚动条
options.eventpassthrough
有些时候你想保留原生纵向的滚动条但想为横向滚动条增加iscroll功能(比如走马灯)。设置这...
横向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,
即可
上一篇: dbutils工具类使用