0

我正在开发一个 phonegap 应用程序并尝试使用 iScroll 4 在我的页面上滚动。它在网络上运行良好，但是当我在设备/模拟器上测试时，滚动不能顺利运行。当我触摸设备屏幕时，它已经点击了我的 li 元素，如果我向下滚动，它看起来不像滚动条。

这是我从 iScroll 网站获取的脚本：

function onDeviceReady(){

var myScroll;
    function loaded() {
       myScroll = new iScroll('wrapper');
    }

    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

    document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);

    document.addEventListener('DOMContentLoaded', loaded, false);


}

这是我的列表样式的样子：

<div id="wrapper">
<div id="scroller">

            <ul id="thelist">
                <li>
                    <div class="item">
                        <div class="arrow"></div>
                        <div class="score"><a href="#">98 <span>score</span></a></div>
                        <div class="job-title">Expert UI/UX Designer</div>
                        <div class="detail">
                            at <span>Hewlett Packpard</span> - 30 connections
                        </div>
                        <div>
                            <a href="#" class="button-arrow"></a>
                        </div>
                    </div>
                </li>
            </ul>
    </div>
</div>

我认为一切都是正确的，看看实时页面： http ://rodrigoparra.com/bright/pages/dashboard.html

这里是同一应用程序上的 iScroll 示例： http ://rodrigoparra.com/bright/simple/index.html

如果您在您的设备上进行测试，您会看到第一个无法正常工作，而第二个可以正常工作。不知道出了什么问题：\

关于如何解决它的任何想法？

多谢你们

4

1 回答 1

2

嗨，据我所知，您需要设置滚动视图内容大小。

于 2012-05-07T07:49:35.020 回答