Javascript 针对Windows Phone 8.1的自动向后滚动问题，在div上滚动

所以，我正在为WindowsPhone8.1开发一个应用程序，我在尝试使用可滚动divs（javascript）时遇到了一个问题。使用emulator测试应用程序，当我向下滚动并松开鼠标按钮时，它会自动向上滚动，从而无法单击较低的项目。注意，Im使用溢出：在div上滚动。我也使用jquery mobile

这是我的代码：

        <div data-dom-cache="false" data-role="page" id="index">

        <div data-role="header" data-theme="b">

            <h1 style="padding-top:0.2em;padding-bottom:0;border:0"><img alt="ss" src="img/logoHeader.jpg" /></h1>
        </div>

        <div data-role="content" id="wrapper" style="padding:0.5em; overflow:scroll;" >

            <ul data-role="listview" data-divider-theme="b" data-inset="true">

                <li data-theme="c">
                    <a href="#USA" data-transition="slide">
                        <img src="img/usa.jpg">
                        <h2>USA</h2>
                    </a>
                </li>
                <li data-theme="c">
                    <a href="#England" data-transition="slide">
                        <img src="img/england.jpg">
                        <h2>England</h2>
                    </a>
                </li>
                <li data-theme="c">
                    <a href="#France" data-transition="slide">
                        <img src="img/france.jpg">
                        <h2>France</h2>
                    </a>
                </li>
                <li data-theme="c">
                    <a href="#Mexico" data-transition="slide">
                        <img src="img/mexico.jpg">
                        <h2>Mexico</h2>
                    </a>
                </li>

我还列出了一些项目，因此列表足够长，用户必须向下滚动。但当我向下滚动时，它会自动向上滚动。我连下面的东西都够不着。有没有办法解决这个问题