iScroll会切断内容

Question

我试图将iScroll应用到我的滚动项目，但我不明白它的工作方式。

• 它切断了底层内容
• 由于某种原因，它会增加额外的保证金

这是代码

＆＃13;

＆＃13;

var _scroll = new IScroll('.helper', {
    mouseWheel: true,
    scrollbars: true
});

＆＃13;

div {
	box-sizing:border-box;
}

.main {
	width:600px;
	margin:20px auto;
	height:300px;
	background:crimson;
	border:solid 1px #000;
	padding:10px;
}

.helper {
	height:100%;
	position:relative;
	overflow:hidden;
}

.scroller {
	background:cornflowerblue;
}

.box {
	height:50px;
	background:#ccc;
	border:solid 1px #000;
	margin:10px;
}

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>

<div class="main">
	
	<div class="helper">
		
		<div class="scroller">
		
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			
		</div>
		
	</div>
	
</div>

＆＃13;

＆＃13;

＆＃13;

也许有人可以帮我解决这个问题。