2014-10-07 3 views
0

Переходы CSS перестают работать в FireFox при добавлении overflow: hidden в тег <body> через JavaScript. (По крайней мере, на FF32.0.3 работает на OSX10.9.5)Переходы CSS CSS с переполнением тела: скрытые

При добавлении перелива через JavaScript, то CSS переходы не срабатывают:

http://jsfiddle.net/8rc7kk28/2/

Без добавления переполнить CSS переходы прекрасно работают:

http://jsfiddle.net/8rc7kk28/3/

Как я могу получить первый пример работы? Мне нужно поддерживать overflow: hidden на теге <body>.

ответ

0

Нашли обходной путь:

http://jsfiddle.net/8rc7kk28/4/

  • Применяет overflow: hidden правило сразу.
  • Вводит небольшую задержку через setTimeout.
  • После задержки добавляет классы, которые запускают переходы CSS.