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*/} );