0

プロジェクトにJQMとiScroll4を使用して、xCodeを使用してネイティブアプリに変換しようとしています。ヘッダーとフッターは常に表示する必要があるため、iScrollを使用するのが好きです。問題は、スクロール部分が機能せず、「scrolling-div」が作成されることですが、スクロールしようとすると、トップに戻るだけです。

これが私のHTMLとJSです

単純なHTMLページ：

<div data-role="page" class="pages" id="home">
    <div data-role="header">
        <a href="#"class="showMenu menuBtn" data-icon="grid" data-iconpos="notext">Menu</a>
        <h1>header</h1>
    </div>
    <div data-role="content">
        <div id="wrapper">
            <div id="slide-content">
                <h3>Slide Menu</h3>
                <ul data-role="listview">
                    <li><a href="#home">Scroll naar benenden
                        </a></li>
                            ... lots of <li>
                            <li><a href="#home">Scroll naar benenden
                        </a></li>
             </ul>
            </div>
        </div>
    </div>
    <div data-role="footer">
        <h1>footer</h1>
    </div>
</div>

JS：

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

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

あなたがより多くの情報を必要とするならば、尋ねてください、そして、あなたは受け取るでしょう:)

ありがとう

4

3 に答える 3

1

jqmバージョン1.1（まもなくリリースされるはずです）を見たことがありますか？これには永続的なヘッダーとフッターがあり、ここでrc1ドキュメントを見ることができます：http：//jquerymobile.com/demos/1.1.0-rc.1/docs /toolbars/footer-persist-a.html

于 2012-03-04T17:53:08.013 に答える
1

まだ実験的ですが、転覆を使用することもできます。Filament / JQMによって開発されているので、scrollviewはサポートされなくなるので、これが進むべき道だと思います。

ここを参照してください：http： //filamentgroup.com/lab/overthrow/

そしてここ： http： //filamentgroup.github.com/Overthrow/

于 2012-03-04T20:08:01.693 に答える
0

あなたの問題は簡単に解決することができます。問題は、iScrollがスクロールdivの高さを判別できないことです。考えられる原因は次のとおりです。

  • 不正なCSS
  • DOMContentLoadedが起動されたときに、コンテンツの読み込みが完了していません。
于 2012-10-13T23:02:23.583 に答える