Я написал скользкую масштаб, используемая на мобильном терминале.
Эффект реализации выглядит следующим образом: (см. Конец статьи для исходного кода)
Упаковано в непосредственно доступную meamururuler.js
Метод вызова:
// Инициализировать линейку var exerureurer = new Measeruler ({warperid: RulerWrapper, // идентификатор контейнера, просто напишите div на странице (обязательно) Max: 2000, // максимальная шкала правителя шкалы (неректированный, по умолчанию по умолчанию. ) minunit: minunit: 1, // минимальная шкала шкалы (неректированная, по умолчанию 1) Unitset: 10, // Длина единицы шкалы (не -искажаемое, по умолчанию составляет 10) значение: 5, // значение инициализации (Несоответствующий, по умолчанию) Mult: 1, // Значение SCERM MALTY, по умолчанию -минимальное значение масштаба 10PX, если MULT -3, минимальная шкала составляет 30px (неректированный, дефолт). должен) })Присваивать правитель
// назначить значение масштаба 3 Career Career.SetValue (3)
Переключить масштаб, чтобы соответствовать различным ударам, и переоценить масштабную линейку
// Установить новые параметры var nparam = {max: 5, minunit: 0,5, Unitst: 2, mult: 3, значение: 1,5} // re -Draw Map Searure Career.redrawruler (nparam);Обмен исходным кодом GitHub: (если вы чувствуете себя полезным, не забудьте дать звезду)
https://github.com/xingxiaoyiiio/h5-ruler/tree/master
Примечание:Компонент использует сенсорное событие, чтобы захватить диапазон скольжения, но когда минимальная шкала составляет 1, каждая шкала составляет 10px, а небольшой диапазон не является точным.
СуммироватьВыше всего, что JS понимает мобильные страницы H5 мобильного пилота H5. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!