2016-11-08 9 views
0

私はこのタッチデバイス上のAngualarJSアプリケーションで作業していますが、touchmoveにハンドラーをつけてスクロールすることができない場所があります。しかし、私はデバイスをテストして、画面がスクロールしたときにタッチ移動が必要でないことを確認できます。タッチスタートとタッチのみがトリガされます。そのトリックは、「少し上向きのドラッグ動作で画面上を少し強くタップする」ことです。touchmoveをトリガーしないウィンドウのスクロール

他にどのようにスクロールを無効にできますか?注:スクロールを無効にしている間は何かのために必要なので、私はtouchstartイベントをe.preventDefaultできません。ありがとうございました!私のビューポートで

答えて

0

、無効なスクロールは、多くの方法があります。

  1. e.preventDefault()が、これはあなたが
  2. 使用CSS一つの場所がスクロールを開始作り方

を許可しませんか? scroll-wrapper

  • scroll-wrapperだからoverflow: scroll
  • を持っているよりも大きなscroll-wrapper & scroll-area

    1. scroll-areaサイズ、地域のスクロールを停止します:

      1. 彼らは同じサイズ
      2. を持つ2つのDOMSがあります
      3. overflow: hiddentouchmoveリスナーは、CSSの位置を変更するスクロールを模倣することができます)

      は今、あなたはちょうどこれを実行するためにCSSを使用することができます1 area.Maybeのスクロールを無効にしたいです。

      希望私はあなたを助けることができます。

    関連する問題