スライダー
重要度: 5
スライダーを作成する
マウスで青いサムをドラッグして移動します。
重要な詳細
- マウスボタンを押すと、ドラッグ中にマウスがスライダーの上下に移動することがあります。その場合もスライダーは機能します（ユーザーにとって便利です）。
- マウスを左右どちらかにすばやく動かした場合、サムは端で正確に停止する必要があります。
HTML/CSS からわかるように、スライダーは色付きの背景を持つ <div> で、ランナー（position:relative を持つ別の <div>）が含まれています。
ランナーの位置を設定するには position:relative を使用し、親要素に対する相対的な座標を指定します。ここでは position:absolute よりも適しています。
次に、横方向のみのドラッグアンドドロップを実装し、横幅で制限します。