Jquery ISCRLL5韩元'；水平滚动，宽度（每张幻灯片）100%也分配给类别（多用途）
我对Iscroll5有一些问题，它不能水平滚动。 我想做的事 1.）分配给类，这样我就可以多次使用它（我已经可以通过推数组来完成这一部分了） 2.）将每张幻灯片设置为100%宽度（我已经可以使用iscroll fix.js完成这部分了） 3.）但当我合并2时，它不会水平滚动，而只会垂直滚动。想知道这是否是一个CSS问题 我这样做是因为我正在将动态数据加载到iscroller中，所以我不知道其大小和数量 小提琴： 这是我的密码 HTML:Jquery ISCRLL5韩元'；水平滚动，宽度（每张幻灯片）100%也分配给类别（多用途）,jquery,css,jquery-mobile,iscroll,Jquery,Css,Jquery Mobile,Iscroll,我对Iscroll5有一些问题，它不能水平滚动。 我想做的事 1.）分配给类，这样我就可以多次使用它（我已经可以通过推数组来完成这一部分了） 2.）将每张幻灯片设置为100%宽度（我已经可以使用iscroll fix.js完成这部分了） 3.）但当我合并2时，它不会水平滚动，而只会垂直滚动。想知道这是否是一个CSS问题 我这样做是因为我正在将动态数据加载到iscroller中，所以我不知道其大小和数量 小提琴： 这是我的密码 HTML: 添加数据后是否刷新iscroll？添加动态数据后，iscr
添加数据后是否刷新iscroll？添加动态数据后，iscroll包装的宽度和高度将发生变化，您必须触发它的刷新事件。 myScroller.refresh（）
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style2.css">
<script src="js/iscroll-fix.js"></script>
<script src="js/iscroll.js"></script>
<script src="js/script.js"></script>
<script src="js/jquery-1.11.1.js"></script>
<script src="js/jquery.mobile-1.4.4.min.js"></script>
</head>
<body>
<script>
$(function loaded () {
var scroller = new Array();
$('.myclass').each(function(){
myScroller = new IScroll(this, {
scrollX: true,
scrollY: true,
snap:true,
});
scroller.push(myScroller);
});
});
loaded();
</script>
<div class="myclass">
<div id="scroller">
<div class="slide" style="background-color:red;"></div>
<div class="slide" style="background-color:green;"></div>
<div class="slide" style="background-color:blue;"></div>
<div class="slide" style="background-color:yellow;"></div>
</div>
</div>
<br />
<h1>Scrolls using scrollWidth fix</h1>
<div class="myclass">
<div id="scroller">
<div class="slide" style="background-color:red;"></div>
<div class="slide" style="background-color:green;"></div>
<div class="slide" style="background-color:blue;"></div>
<div class="slide" style="background-color:yellow;"></div>
</div>
</div>
</body>
</html>
.slide {
width:100%;
height:242px;
display:inline-block;
}
#wrapper, .myclass{
height:242px;
width:100%;
white-space: nowrap;
overflow:hidden;
position:relative;
}
.scroller {
position:relative;
}