解决移动端--微信公众号--项目中 【Android机横向滚动不灵敏】
问题描述:
项目中有两行列表需要横向滚动以查看更多,默认使用外层元素overflow-x:auto;overflow-y:hidden;定宽来实现,IOS端表现良好,Android端表现很差,经常横向滑动没反应。为了解决Android端这个问题,,特意研究了一下,在此做个记录。
bug:红色框为 横向滚动容器,在里面实现横向滚动。
解决:
页面中引用iScroll.js; 版本是5.1.3
myScroll1 = new IScroll('#list1', {
mouseWheel: true,
scrollbars: false,
scrollX: true,
scrollY:false,
click:true
});
myScroll2 = new IScroll('#list2', {
mouseWheel: true,
scrollbars: false,
scrollX: true,
scrollY:false,
click:true
});