Почему ScrollLeft выдает положительное число по направлению:rtlJquery

Программирование на jquery
Ответить
Anonymous
 Почему ScrollLeft выдает положительное число по направлению:rtl

Сообщение Anonymous »

В режиме сенсорного экрана установите атрибут direction:rtl; На этом этапе я манипулирую содержимым части элемента переполнения dom, чтобы получить расстояние, на которое прокручивается горизонтальная полоса прокрутки.
Согласно рассуждениям о исходной ситуации, невозможно двигаться влево, значение от отрицательного до 0, но я обнаружил, что исходную ситуацию можно переместить влево и получить положительное число прокруткиLeft 0.666666666865348816< /p>
Я просто использую демо, чтобы показать свою проблему:
  • прежде всего, в режиме сенсорного экрана элемент стилизован и выбираемое имя класса устанавливается, как показано ниже. Введите описание изображения здесь

Код: Выделить всё

const priceElement = document.querySelector('.testScrollLeft');
priceElement .scrollLeft

Код: Выделить всё

    width: 100%;
direction: rtl;
text-align: right;
overflow-x: scroll;
white-space: nowrap;

Код: Выделить всё

Top Questions Top Questions Top Questions Top Questions Top Questions Top Questions Top Questions Top Questions Top Questions Top Questions

  • Изначально я получаю значение ScrollLeft, равное 0, но затем я понимаю, что полосу прокрутки можно прокручивать влево со следующими значениями прокрутки
    введите здесь описание изображения
  • Когда я провожу вправо для создания полосы прокрутки, а затем я возвращаюсь в исходное положение и обнаружил, что значение ScrollLeft больше не равно 0?
    введите здесь описание изображения

Код: Выделить всё

    const priceElement = document.querySelector('.testScrollLeft');

> priceElement .scrollLeft 0
priceElement .scrollLeft
> 0.6666666865348816
priceElement .scrollLeft
> 0.6666666865348816
priceElement .scrollLeft
> 0.6666666865348816



Подробнее здесь: https://stackoverflow.com/questions/787 ... rectionrtl
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»