Javascript 使用iScroll在两个方向上滚动

我想做一个图像幻灯片，在任何方向上都可以自由移动（无需捕捉）

我偶然发现，这是一个很棒的脚本（在iOS和Android上都很好用）

JS代码：

var myScroll;
function loaded() {

myScroll = new iScroll('wrapper', 
                { hScrollbar: false, 
                    vScrollbar: false,
                    snap:false,
                    vScroll: true,
                    hScroll: true
                     });
}

HTML代码：

<div id="wrapper">
    <div id="scroller">
        <div id="thelist">
            <img id="theImg" src="https://www.google.com/images/srpr/logo4w.png" width="300px" height="200px">
        </div>
    </div>
</div>

我试图使包装比屏幕更大，这样图像可以滑出屏幕，然后使图像处于相对位置，这样它最初在屏幕上可见

但我似乎无法摆脱顶部或左侧的捕捉

我做错了什么

---

或者，还有其他库可以做同样的工作吗？

我以前使用过iScroll，发现它有点过时。我在NiceScroll（需要jQuery）方面运气更好：感谢您的回复，不幸的是我使用的GWT不适合支持jQuery。对于您风格的#包装，请以像素为单位提供高度和宽度，并进行检查。

body,ul,li {
padding:0;
margin:0;
border:0;
}


#wrapper {
position:absolute; 
z-index:1;
top:-500px; 
bottom:0px; 
left:-500px;
width: 100%;
height: 100%;
overflow:auto;
background-color: red;
}

#scroller {
position:absolute; 
z-index:1;
padding:0;
width: 2000px;
height: 5000px;
background-color: blue;

}

#thelist {
list-style:none;
padding:0;
margin:0;
text-align:left;
background:none;
background-color: yellow;
}

#theContent {
background-color: grey;
}

#theImg {
position: relative;
top: 500px;
left: 500px;
}