イオンレンジ入力はスクロールを防ぎます

Question

私のアプリケーションでは、垂直方向に積み重ねたスライダがあります。下にスクロールする意図でスライダをタップすると、スクロールする代わりにスライダの値が変更されます。

See a demo of the issue。

次は、コミュニティのメンバーの中で議論されているが、私はそこに役立つ何も見つからなかっ：この質問と同じですが、何とか著者はangular-js-sliderライブラリを使用した時に確信していると、それは作者のために働くように見える

1. This reported issueを。私はこのライブラリを試しましたが、問題はまだ同じです。

2. Reported issueすべての入力要素を含み、範囲入力ではありません。これは、"text"のような他の入力タイプの問題を解決したかもしれませんが、レンジ入力の問題ではありません。

誰でもこれを助けることができますか？

Answer 1

ウェブ上では、スクロールは問題ではありませんが、モバイルデバイスでは、スライダの水平スパン全体がスクロールの障壁として機能します。

私はモバイルの状況で解決策を探していたので、マウスイベントのトラックを無効にすることは十分であり、これは少なくともクロムについてpointer-eventsによって達成できます。

input[type=range] { 
    pointer-events: none; 
} 

input[type=range]::-webkit-slider-thumb { 
    pointer-events:auto; 
} 

ここに投稿された回答はcontributed earlier hereです。