В IE10 (Windows 8 и только Windows 8, в том числе RT), у меня есть этот div
с overflow : auto
который анимированный снаружи экрана (CSS3 transition
+ transform
)Любопытный перевод + переполнения ошибка в IE10
Содержание этого div
(обычный текст) не отображается до конца перехода, то есть div
кажется пустым.
Если я установил overflow : hidden
, проблема исчезнет.
Это поведение воспроизводится здесь: http://jsbin.com/inUsayU/5/ (ссылка jsBin будет работать только в IE10)
Держите экран расщепленные (если не расщепляется, добавить CSS и HTML панель), наведите курсор на первую ссылку, вы должен видеть, что div
переходит пустым. Попробуйте навести вторую ссылку, другой div
переход штраф. Возможно, вам придется перезапускать «Run with JS» каждый раз, потому что часто (не всегда) проблема происходит только один раз.
В моем проекте я взломал уродливое решение с UA Sniffing и переключил состояние overflow
до и после перехода, но я надеюсь, что есть более простое объяснение/решение, которое вы можете предоставить.
1) «Сценарий» подразумевает, что вы использовали http://jsfiddle.net 2) Вы ссылаетесь на * вторую ссылку *, но в вашей демонстрации jsbin есть только одна ссылка. 3) Когда я нахожу ссылку в Windows 7 IE10, 'div' скользит по экрану и не отображается пустым. – tw16
1/не заботясь. 2/oups, не связывали хорошую скрипку. 3/вы должны. Используйте разделенный экран в режиме редактирования + запуск с помощью кнопки JS, ошибка становится более очевидной. Это не систематично, поэтому попробуйте несколько раз. – mddw
Я все еще не вижу проблемы в Windows 7 - IE10. Обе ссылки работают одинаково для меня. – tw16