水平 iScroll 不起作用答案

【问题标题】：Horizontal iScroll Won't Work水平 iScroll 不起作用
【发布时间】：2014-03-23 11:39:28
【问题描述】：

我想使用 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;
}

帮助？

【问题讨论】：

标签： javascript css iscroll

【解决方案1】：

来自 iScroll 文档：

默认情况下仅启用垂直滚动。如果您需要滚动水平你必须将scrollX设置为true。请参阅水平演示。

你应该添加

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

Source

【讨论】：

是的，谢谢 - 我仍在使用 v4 语法...scrollX/scrollY 是 /headdesking 最后一小时的原因。