スライダー
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
購入するEPUB/PDF
チュートリアルマップ
レッスンに戻る

スライダー

重要性: 5

スライダーを作ってください:

マウスで青いハンドルをドラッグして移動させてください。

重要な詳細:

  • マウスボタンが押されたとき、ドラッグ中にマウスがスライダーの上下に行く可能性があります。スライダーはそれでも動作します(ユーザには便利です)。
  • もしマウス左右に非常に速く移動する場、ハンドルは正確に端で止まります。

タスクのためのサンドボックスを開く

ここでは、水平なドラッグ&ドロップです。

要素を配置するために、ハンドルに対して、position:relative とスライダーに相対的な座標を使います。ここでは　position:absolute　を使うよりもより便利です。

サンドボックスで解答を開く