繁体   English   中英

水平 iScroll 不起作用

[英]Horizontal iScroll Won't Work

我想使用 iScroll 制作一个水平滚动条,但它不起作用。 我获得了正确 div 上的属性,但无法滚动。 这是js:

//called on onload
var levelPackScroller;
function init() {
    levelPackScroller = new IScroll('#levelButtonPreScroller')
    levelPackScroller.refresh()
}

html:

<div id="levelButtonPreScroller">
    <div class="levelButtonScroller" id="levelButtonScroller">
         //bunch of <divs> go inside here
         <div></div>

    </div>
</div>

css:

.levelButtonScroller {
   width: 2800px;
   height: 938px;
}

#levelButtonPreScroller {
   position: absolute;
   height: 945px;
   width: 711px;
   overflow: hidden;
   left: 55px;
}

帮助?

从 iScroll 文档:

默认情况下仅启用垂直滚动。 如果需要水平滚动,则必须将 scrollX 设置为 true。 见横向演示。

你应该添加

levelPackScroller = new IScroll('#levelButtonPreScroller', {
   scrollX : true
})

来源

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM