Как предотвратить перемещение текста при изменении значения ползунка по центру и диапазону? - PullRequest
Новая
       37

Как предотвратить перемещение текста при изменении значения ползунка по центру и диапазону?

0 голосов
/ 03 июля 2018

Допустим, у меня есть такой HTML-код: 

    <div style = "text-align: center">
      Radius: <span id = "radius">1</span><br>
      <input type="range" id="chosenRadius" oninput="updateRadius(this.value)" onchange="updateRadius(this.value)"  min="1" max="1000000" value="1" /><br>
    </div>

При каждом перемещении ползунка span обновляется с использованием текущего значения ползунка. div, внутри которого все находится, центрирует все. Как я могу предотвратить перемещение текста «Радиус:» на длину числа в пределах изменений span? Мне все равно, если он не точно по центру после увеличения значения радиуса, но пока он близко. Я хотел бы, чтобы эта установка начиналась по центру, а затем чтобы текст «radius:» оставался фиксированным. Вот простая корзина JS.

1 Ответ

0 голосов
/ 03 июля 2018 
#radius {
  position: absolute;
}

это показывает: https://jsbin.com/forarasuze/1/edit?html,css,output

Позиция absolute сохранит ее для вас

...