5

iScroll.js をダウンロードし、phonegap プロジェクトの 1 つで使用しました。

<script type="application/javascript" src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>

通常のブラウザでも動作しませんが、要素を検査すると、まったく問題なく動作し始めました?? 何が問題なのかわからない…

4

2 に答える 2

2

iScroll の使用方法

1) 標準のタッチ イベントのデフォルトの動作を防止する必要があります。これは、touchmove イベントにpreventDefault()を追加することで簡単に実行できます。

2) DOMContentLoaded またはウィンドウの読み込み時にiScrollオブジェクトを初期化します。

コードを次のように変更します。

    function loaded() {
        document.addEventListener('touchmove', function(e){ e.preventDefault(); });
        myScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', loaded, false);

それが役に立ったことを願っています。

于 2012-07-10T11:05:59.230 に答える
2

コンテンツが存在する内側の div に高さと幅を定義しないでください。コンテンツが動的に完全にレンダリングされた後、オブジェクト iScroll を作成します。

于 2012-07-10T14:11:25.983 に答える