D3js：ドラッグで動作するスライダ

Question

d3.jsドラッグスライダの素晴らしい例が見つかりましたhttps://bl.ocks.org/mbostock/6452972しかし、私はドラッグ機能をiOS10で使用することはできません。このスライダにタッチ機能を有効にするにはどうすればよいですか？

Answer 1

これは興味深いことです。そのコードでは、*ドラッグイベントは、スライダの上に描かれた目に見えない線に設定されています。ストロークまたは塗りつぶされていないため、iOSがタッチイベントを確実に尊重しないようです。 CSSの定義を.track-overlayに変更すると：

.track-overlay { 
    pointer-events: stroke; 
    stroke-width: 50px; 
    cursor: crosshair; 
    stroke: black; /*<-- give it a stroke */ 
    opacity: 0; /*<-- but don't show it */ 
}