Padding Jquery

[ceed19]

$(document).ready(function()
 {
  $(function ()
   {
    $(window).scroll(function()
     {
      if ($(".kxm_top_bar").offset().top>150)
       {
        $(".kxm_top_bar").animate({padding: '20px'}, 100);
       }
      else
       {
        $(".kxm_top_bar").animate({padding: '0px'}, 100);
       }
     });
   });
 });

Почему то не корректно работает( в чем дело?. Использовать transition-css получается лучше для конечного пользователя, но transition в ie10 только ввели. по этому нужен js( помогите кто найдёт помарку.

(лагает при просмотре данного js. с transition вообще без лагов всё работает (но приходится добавлять класс типо #kxm_anim { ... } и js-ом добавлять этот класс к диву.)

[ceed19]

Изменяется (по крайней мере добавляется класс, а когда просто меняешь padding то лагает). http://kxm.esy.es/#
Тоесть лагает из за

$(document).ready(function(){}); == $(function(){});

????
И 100мс - это я понятия не имею зачем) лагало, я изменял что мог хД)

[ceed19]

а зачем его менять...

Да бы скриптом я займу меньше место нежели создав ещё один стиль....