7

私は現在レスポンシブサイトで作業しており、マルチハンドル範囲スライダーを使用したいと考えています。私は問題なく動作したいくつかのjavascriptソリューションを使用しましたが、応答しませんでした。

私は2つのhtml5範囲入力のオプションを検討しました。これらは、古いブラウザーのテキスト入力に優雅に低下します。ただし、応答性の高い環境で機能する、複数のハンドルを備えた範囲スライダーのjavascriptソリューションに出くわしたことがあるかどうかを知りたいと思います。アイデアやヒントはありますか？

4

7 に答える 7

12

noUiSliderをご覧ください。

多数のデバイスでのタッチをサポートし、レスポンシブデザインでうまく機能します。jQueryなどへの依存関係はありません。

開示：私はそれを作りました。

于 2013-10-13T07:22:59.323 に答える
4

少し前に私が個人的に使用するために書いたスライダーをチェックしてください。線形（水平/垂直）と円形の両方の実装があり、デスクトップとモバイルで動作し、軽量（〜5Kb）で完全にカスタマイズ可能です。

ここに画像の説明を入力してください ここに画像の説明を入力してください

于 2018-12-02T16:46:42.047 に答える
2

jQuery範囲スライダーを試してください：http：//jqueryui.com/slider/#range。

さまざまなブラウザ間で十分にサポートされています。

于 2013-01-02T19:12:45.213 に答える
1

私はfd-sliderpolyfill /をmodernizr-loaderと一緒に使用しました、それはipadで使用可能でした。小画面バージョンでは使用されなかったため、それ以上のデバイスはテストされませんでした。

于 2013-01-02T19:16:08.427 に答える
1

これらは本当に滑らかに見えますが、私はそれらを試していません：

http://ghusse.github.io/jQRangeSlider/demo.html

http://razorfish.github.io/JS-Range-Slider/

于 2013-06-06T09:43:57.287 に答える
0

LeaVerouによる2つのネイティブ入力で構成されるマルチハンドルスライダー

于 2016-07-03T04:42:30.030 に答える
0

まだここに行き着き、オプションを探している人のために、私はこれに出くわしました：

http://vanderlee.github.io/limitslider/

値の配列を渡すことができ、オプションの配列を介して間のギャップのスタイルを設定することもできます。

于 2016-09-02T15:19:01.390 に答える