jQueryでanimationがうまく動かない件

2022年2月22日

こんな感じで大雑把にanimationを設定していると

{
transition :all 0.5s ease 0s;
}

jQueryとバッティングしてしまい、期待通りの動きをしません。

JavaScript
$('body’).animate({
right: 100px,
}, 1000, 'swing’);

$('body’).animate({
right: 100px,
}, 1000, 'swing’);
jQueryでアニメーションをつける時は、cssのtransitionは干渉しないように要素を限定しておきましょう。
もしくはjQueryに任せて、cssでは書かないなどのルールを決めたほうがいいかもしれません。