Chrome mobile problem with "animate"!

Chrome mobile problem with "animate"!

Hi!
I've got a problem only on Chrome Browser MOBILE! The first 2 elements "photo1" and "text1" everythig works fine! Also when i start to scroll, "text2" works fine, the problem is when "photo2" start its own animation; infact when it starts, the browser scroll to top automatically!!! Can you tel me why? 

Code here >:
  1.     jQuery(window).load(function () {

  2.         jQuery('#photo1').css('margin-left', '-350%');
  3.         jQuery('.text1').css('margin-right', '-350%');
  4.         jQuery('#photo1').animate({marginLeft:'0%'},1000);
  5.         jQuery('.text1').animate({marginRight:'0%'},1300);
  6.         
  7.         jQuery('photo2').css('margin-right', '-350%');
  8.         jQuery('text').css('margin-left', '-350%');
  9.        
  10.        jQuery(window).scroll(function(){
  11.              if  (jQuery(window).scrollTop() > 400 ){
  12.                     jQuery('text2').animate({marginLeft:'0%'},1000);
  13.                     jQuery('#photo2').animate({marginRight:'0%'},1300);

  14.             }
  15.         });
  16.       
  17.     });


Thank you very much for your help!