Неправильный элемент scrollWidth после преобразования css translate3d

Question

Неправильный элемент scrollWidth после преобразования css translate3d

0

Элемент родителя имеет свойство overflow: scroll. Когда я перемещаю элемент children с помощью свойства jquery css transform, первый раз родитель меняет свое свойство scrollWidth. Но следующие манипуляции с преобразованием не меняют scrollWidth родителя.

Эта проблема актуальна для браузера Chrome и мобильного браузера Android.

JSFiddle

Обновление: для моего случая помогает отступить от transform: translate3d to transform: translate, но вопрос все еще актуальный.

user2633669 15 апр. 2014, в 12:12

Источник

Теги:

javascript

jquery

html

css3

google-chrome

1 ответ

Ещё вопросы

Bla... · Answer 1 · 2014-04-15T07-48-00.000Z

Я открыл его с помощью firefox и имел такое же поведение. Я думаю, что трансакция не меняет позицию по умолчанию. Вы можете доказать это с помощью consoleLog('pos: ' + $two.css("left")); и не забудьте добавить left: 0px в ваш css..

Чтобы изменить положение div, вы можете использовать jquery animimate здесь...

Переместить бросить CSS влево с анимацией имеют плохую производительность на мобильных устройствах Android. Для нормальной работы на устройствах мне нужно использовать переход. Это свойство не должно изменять CSS слева.