Multirange Polyfill Hỗ trợ cho các thanh trượt HTML5 xử lý kép

Các đầu vào phạm vi HTML5 mới là tuyệt vời cho số lượng và lựa chọn năng động như ngày. Nhưng thanh trượt phạm vi mặc định không hỗ trợ nhiều tay cầm.

Đi vào Đa năng, một polyfill được tạo để hỗ trợ nhiều tay cầm hoạt động đúng và hỗ trợ tất cả các trình duyệt chính.

Đây là một công cụ miễn phí và nó cung cấp cách tốt nhất để thêm nhiều tay cầm hữu, mà không cần sử dụng plugin. Polyfill này có hai tài nguyên: a Tệp tin JS và một Tệp CSS. Họ cả hai đều hoạt động trên đầu vào phạm vi và bạn có thể tải về cả hai từ repo GitHub chính.

Lưu ý điều này có nghĩa là bạn cần phải làm việc với các trình duyệt đã hỗ trợ đầu vào phạm vi theo mặc định Nó cũng yêu cầu các biến CSS vốn không được hỗ trợ trong tất cả các trình duyệt.

Rất may, Multirange sử dụng dự phòng CSS trong đó hai thanh trượt phạm vi được sử dụng thay vì một. Đây không phải là một giải pháp hoàn hảo nhưng nó vẫn cung cấp một giao diện có thể sử dụng được. Về mặt tích cực, điều này hoạt động ngay lập tức không có chuỗi đính kèm.

Chỉ thêm các tập tin vào trang web của bạn và bạn sẽ có thể sử dụng nhiều thuộc tính trên các trường trượt của bạn. Bạn cũng có thể đặt phạm vi cho các giá trị đầu vào bằng dấu phẩy.

Đây là một đoạn trích ngắn của HTML sử dụng thanh trượt Multirange:

Tay cầm có thể kéo nhau qua và ngay cả để lại trên đầu của nhau. Và phạm vi đầu vào vẫn hỗ trợ điều hướng bàn phím đó là tuyệt vời cho khả năng tiếp cận.

Tất cả bản demo và mẫu mã nguồn có thể được tìm thấy trên trang web Multirange, vì vậy hãy kiểm tra nếu bạn đang tìm kiếm thanh trượt HTML đa phạm vi.