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

Question

所以，我正在开发一个适用于Windows Phone 8.1的应用程序，并且在尝试使用可滚动的div（javascript）时遇到问题。使用模拟器测试应用程序，当我向下滚动并松开鼠标按钮时，它会自动向上滚动，从而无法单击较低的项目。注意我使用溢出：滚动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>

我列出了更多项目，因此列表足够长，用户必须向下滚动。但是当我向下滚动时，它会自动向上滚动。我甚至无法触及较低的物品。任何想法如何解决这一问题？