Apple iOS .animate() Horizontal Page Scroll Bug?

Apple iOS .animate() Horizontal Page Scroll Bug?

I have an entire responsive page that scrolls both horizontally (it's horizontally scrollable to 300% of the visible window) and vertically (lets say with the click of a button perhaps for ease). On apple mobile devices, when I attempt to do a horizontal .animate function the vertical scroll always resets to 0 (the top of the page) - while the horizontal scroll works just fine. I've even tried to set scrollTop to a given position within the animate, and it still does the same thing. I can't seem to find help for this issue anywhere... Who's going to be the first one to point out my silly error and laugh? PLEASE =)

scrollPos = some horizontal scroll position. (it always scrolls fine left and right)


  •   $('html, body').animate(
  •       {scrollLeft:scrollPos},
  •       400,
  •       "linear",
  •       function(){/*finished*/}
  •   );