1

週末ずっと頭を悩ませていた問題を解決しようとしています。

モバイル Webkit (私の場合は Safari iOS 5.1) では、-webkit-overflow-scrolling:touch既定の動作を無効にするものを本体に配置すると、動作を維持できません。

$('body').on({
    touchmove : function(e){
        //e.preventDefault(); // I played with these as well
        //e.stopPropagation();
        return false;
    }
});

上記の理由return false: デフォルトのモバイル サファリの動作のように、スワイプしたときに体を動かしたくありません。

フィドル 1 - すべてのテキストを含む中央のボックスでタッチ オーバーフローが機能しますが、本文も移動します。これは望ましくありません: http://jsfiddle.net/MeLxg/1/

Fiddle 2 - 本文は、mousemove イベントで false を返すことで修正されましたが、オーバーフローが機能しなくなり、テキスト ボックスをスクロールできなくなりました: http://jsfiddle.net/MeLxg/2/

便利な QR コード (モバイルなので、スキャナーを使用してください)

Fiddle 1ビュー パネルのみhttp://jsfiddle.net/MeLxg/1/show/ http://jsfiddle.net/MeLxg/1/show/

Fiddle 2ビュー パネルのみhttp://jsfiddle.net/MeLxg/2/show/ http://jsfiddle.net/MeLxg/2/show/

4

2 に答える 2