欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

即可