Почему JQ анимация подвисает при скроллинге?

Question

[Илья Сидоренко]

Как сделать, чтобы JQ анимация не подвисала при скроллинге?

Comments

[aen]

Слишком мало информации. Или выложите куда-нибудь пример, или подробнее объясните. А пока это вопрос из серии "Как сделать, чтобы не болела голова?". Причин может быть очень много.

[Илья Сидоренко]

<h2> <text> </h2>
  
  <div id="bl">    
  	<img src="images/x.png" id="f">   
    <img src="images/my.png" id="t">       
    <img src="images/m.png" id="s">   
  </div>

  <h2> <text> </h2>

  <div id="bl2">
    <img src="images/PGlass.jpg" id="pg">
    <img src="images/SearchTupp.jpg" id="st">
  </div>

#bl {
    position: absolute;
  	left: 50%;
    margin-left: -150px;
    margin-top: 50px;
  }
  #bl img {
    width: 300px;
    position: absolute;
  }

  #bl2 img {
    width: 300px;
    height: 400px;
    position: absolute;
    opacity: 1;
  }
  #pg {
    left: -10px;
  }
  #st {
    right: -10px;
  }

$(document).scroll(function() {
if( $(this).scrollTop() > 0 ) {

$( "#t" ).animate({ "margin-left": "-350px" }, 500 );
$( "#f" ).animate({ "margin-left": "350px" }, 500 );
}
if( $(this).scrollTop() > 500 ) {
$( "#st" ).animate({ "right": "200" }, 1500 );
$( "#pg" ).animate({ "left": "200" }, 1500 );

}
});

[Илья Сидоренко]

@aen выложил код

[Илья Сидоренко]

Видимо дело в размерах изображений

Answer 1

[Артур Енокян]

как вариант во время скроллинга убирай все hover из css которые могут всплыть во время скролла, а вообще подключи velocity.js работает быстрее