Cursore reattivo, multiuso HTML 5 o javascript

Question

Attualmente sto lavorando su un sito reattivo e vorrei utilizzare un dispositivo di scorrimento a distanza multi-handle. Ho lavorato con alcune soluzioni javascript che hanno funzionato bene, ma non sono state reattive.

Ho preso in considerazione l'opzione di due input di gamma html5, che degradano con garbo agli input di testo sui browser più vecchi. Vorrei tuttavia sapere se qualcuno ha trovato una soluzione javascript per un dispositivo di scorrimento della gamma con più maniglie, che funziona in ambienti reattivi. Qualche idea o suggerimento?

Answer 1

ho usato il fd-slider polyfill/con modernizr-loader, era utilizzabile sull'ipad. altri dispositivi non sono stati testati, perché la versione per piccoli schermi non li ha usati.

Answer 2

Provare il cursore dell'intervallo jQuery: http://jqueryui.com/slider/#range.

È ben supportato da diversi browser.

Answer 3

Questi guardare davvero chiazza di petrolio, ma io non le ho provate:

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

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

Answer 4

si potrebbe avere uno sguardo a noUiSlider.

Supporta il tocco su una serie di dispositivi e funziona bene con i modelli reattivi. Non ci sono dipendenze su jQuery, ecc.

Informazioni: L'ho fatto.

Answer 5

cursore Multihandle composto da 2 ingressi autoctone, da Lea Verou here

Answer 6

Per coloro che ancora finiscono qui, guardandosi intorno per le opzioni, mi sono imbattuto in questo:

Esso permette per passare una serie di valori e persino per definire gli spazi tra una serie di opzioni.