横向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,

即可

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Neo 丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值