0

phonegap アプリを開発していて、ページのスクロールに iScroll 4 を使用しようとしています。Web では正常に動作しますが、デバイス/シミュレーターでテストすると、スクロールがスムーズに動作しません。デバイスの画面に触れると、li 要素が既にクリックされています。下にスクロールすると、スクローラーのようには見えません。

iScroll Web サイトから取得したスクリプトは次のとおりです。

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

デバイスでテストすると、最初のデバイスは機能せず、2 つ目のデバイスは正常に機能することがわかります。何が悪いのかわからない :\

どうすれば修正できるかについてのアイデアはありますか？

みんなありがとう

4

1 に答える 1

2

こんにちは、私の知る限り、スクロール ビューのコンテンツ サイズを設定する必要があります。

于 2012-05-07T07:49:35.020 に答える