モバイルの垂直スクロール - ページのhammer.js要素

Question

百万もの類似の質問がありますが、私にとってはうまくいく答えが見つかりません。ここで

は状況です：

私はHTMLページを持って、そのページの中に、私は上hammer.jsを使用してい要素です。

このようにスクロールできるようにする必要があります： --->

も-ズームピンチ（その後、そのズーム要素にパン）することができるというながら座席表要素に上記。

要素自体は完全に機能します。私はdoubletap、pinch、pinchend、pan、およびpanendを使っています。

要素が完全にズームアウトされている場合（私はこの理由でスケールを追跡しています）、モバイルブラウザで使用するとページ全体がスクロールされますページを上にドラッグする）。

私はこの時点で太陽の下でほぼすべてを試しました。私はそれを手動で特定の位置にスクロールさせることができないようです（私はwindow.scrollTopを設定して、結果なしでwindow.scrollTo()を使用しようとしました）。

誰かが私を正しい方向に向けることができたら、あなたとあなたの家族を次のように礼拝します.... 13日間。ヘック、多分14でさえあります。

TL; DR - 要素をズームしましたか？もしそうなら、その要素の周りを喜んでパニングしてください！ - 要素を完全にズームアウト/ピンチアウトしていますか？その場合、モバイルユーザーは通常のようにページをスクロールできる必要があります。

おかげ クリス

Answer 1

あなたは、通常のスクロール "をシミュレートする" window.scrollToをしようとします。同様に：

var currentScroll = 0; 
var currentScale = 1; //"fully zoomed out" state 

hammer.on("panstart", function (ev) { 
    currentScroll = window.scrollY; 
}); 

hammer.on("pan", function(ev) { 
    if (currentScale == 1) { 
    //abort pan and scroll window instead 
    window.scrollTo(0, currentScroll + ev.deltaY * -1); 
    return; 
    } 

    //do stuff with pan here... 

});