Получается кривая анимация

263

12 декабря 2016, 10:04

Анимация получается некорректная. Пиксели перестраиваются. http://aleshkalavrushka.tk/ Здесь показано что я имею ввиду Как это исправить?

$(function () {
     var $info_panel = $('.info_panel');
     $('#show_info_panel').click(function(e) {
         $info_panel.toggleClass('slide_panel');
     });
 });

Всё остальное на css.

fori1ton, вы были правы. Проверил на chrome - всё норм. Но по поводу плагинов ещё не понятно. На firefox же плагины работают нормально. А мой код нет. Я в JS не очень. Может можно как-нибудь оптимизировать код, чтобы всё работало нормально на всех браузерах? И, извиняюсь за тавтологию.

Answer 1

Проблема не в анимации. Такое явление называется screen tearing, и вызвано оно ошибками либо плохой оптимизацией программы, отображающей анимацию (в вашем случае - браузера). Исправить это на странице вы не сможете, нужно разбираться с настройками браузера. Причиной этого может быть то, что у вас в браузере не включена поддержка GPU ускорения, либо не установлены (криво установлены) драйвера видеокарты, либо ещё что-либо (только для Firefox поиск по фразе firefox screen tearing даёт с десяток возможных причин и способов решения).