Question

我正在开发一个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

如果您在设备上进行测试，您将看到第一个无效，第二个无效。不确定有什么问题：\

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

谢谢大家

Answer 1

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

iScroll不在iPhone上滚动

1 个答案: