Çift Saplı HTML5 Sürgü için Çok Yönlü Polyfill Desteği

yeni HTML5 aralık girişleri miktarlar ve tarihler gibi dinamik seçimler için harika. Ancak varsayılan aralık kaydırıcısı çoklu tanıtıcıları desteklemiyor.

Girmek Multirange, bir çoklu kulpları desteklemek için oluşturulan polyfill bu işlev düzgün çalışıyor ve tüm büyük tarayıcıları destekliyor.

Bu bir ücretsiz araç ve en iyi yolu sağlar yerel olarak birden çok tutamaç ekle, bir eklenti kullanmadan. Bu polyfill vardır iki kaynak: a JS dosyası ve bir CSS dosyası. Onlar her ikisi de aralık girişlerinde çalışır ve yapabilirsin ikisini de indir Ana GitHub deposundan.

Bunun, tarayıcılarla çalışmanız gerektiği anlamına geldiğini unutmayın. zaten aralık girişini destekliyor varsayılan olarak. O da CSS değişkenleri gerektirir tüm tarayıcılarda desteklenmeyen.

Neyse ki, Çok Düzen CSS geri dönüş kullanıyor burada bir yerine iki aralık sürgüsü kullanılır. Bu mükemmel bir çözüm değil ama yine de kullanışlı bir arayüz sunuyor. Artı tarafta, bu kutudan çıkar çıkmaz dizgi eklenmemiş.

Sadece dosyaları sitenize ekleyin ve yapabileceksiniz kullan çoklu nitelik kaymak alanlarınızda. Ayrıca giriş değerleri için aralıkları ayarla virgül ile.

İşte bir HTML kısa snippet'i Multirange kaydırıcısını kullanarak:

Kolları olabilir birbirini sürükleyerek ve hatta birbirinin üstüne bırakılmış. Ve aralık girişi hala klavye navigasyonunu destekler erişilebilirlik için harika olan.

Hepsi demolar ve kaynak kodu örnekleri Multirange web sayfasında bulunabilir, bu yüzden daha önce arıyorsanız, bir göz atın çok aralıklı HTML kaydırıcısı.