Suport Multiport Polyfill pentru Slider-uri HTML5 cu două mâini

noi intrări în gama HTML5 sunt fantastice pentru cantități și selecții dinamice, cum ar fi datele. Dar glisorul standard al intervalului nu acceptă mai multe mânere.

introduce Multirange, A polyfill creat pentru a suporta mai multe mânere care funcționează corect și care suportă toate browserele importante.

Acesta este un gratuit instrument și oferă cel mai bun mod de a adăugați mai multe mânere nativ, fără a utiliza un plugin. Acest polifil are două resurse: A JS fișier și a Fișier CSS. ei ambele funcționează pe intrările în rază de acțiune si tu poti descărcați ambele din principalul repo GitHub.

Rețineți acest lucru înseamnă că trebuie să lucrați cu browsere sprijiniți deja intrarea gamei în mod implicit. De asemenea necesită variabile CSS care nu sunt acceptate în toate browserele.

Din fericire, Multirange utilizează o alternativă CSS unde se folosesc două glisoare de distanță în locul uneia. Aceasta nu este o soluție perfectă, dar încă oferă o interfață utilizabilă. Pe partea plus, asta funcționează imediat din cutie fără atașat șiruri de caractere.

Doar adăugați fișierele pe site-ul dvs. și veți putea folosește multiplu atribut pe câmpurile dvs. de culisare. Poti de asemenea setați intervale pentru valori de intrare cu virgulă.

Iată a scurt snippet de cod HTML utilizând glisorul Multirange:

Mânerele pot fi au trecut unul pe altul și chiar stânga unul peste celălalt. Și intrarea intervalului încă sprijină navigarea prin tastatură care este excelent pentru accesibilitate.

Toate demo-uri și codurile sursă pot fi găsite pe pagina de Internet Multirange, așa că verificați-l dacă vreodată vreți să găsiți un glisorul HTML cu mai multe raze.