当前位置: 首页 > Web前端 > JavaScript

iscroll插件基本使用和水平滚动问题

时间:2023-03-27 11:32:31 JavaScript

dom结构,cont-main里面的内容是一个滚动列表项document.querySelector('.img-list')。addEventListener('touchmove',function(e){e.preventDefault();},{passive:false});变种我的滚动;myScroll=newIScroll('.img-list',{mouseWheel:true,//鼠标滚轮控制scrollbars:true,//滚动条显示scrollY:false,scrollX:true})接下来最外层容器的touchmove事件必须禁用,然后实例化scrollY和scrollX来表示垂直和水平滚动。水平滚动和垂直滚动滚动必须让里面的容器的高度/宽度超过最大值外容器高度/宽度。水平滚动样式reference.img-list{overflow:hidden;位置:相对;高度:306px;}.img-listdiv{显示:内联块;}.img-list>div{}.cont-main{white-space:nowrap;}