Search jQuery

jQuery Forum

Scrolling on Mobile Safari

in Using jQuery • 2 years ago

I'm developing a website and I need the browser to scroll to an anchor. It MUST be animated, so I tried to use jQuery for that. Tried this:

function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

It works perfectly on Firefox and Safari(on the Mac). On Mobile Safari it first goes to the top of the page, then it scrolls to the anchor I want it to scroll to. What's the trick to make it work?

Thanks in advanced!

tsmorgan

Re: Scrolling on Mobile Safari

1 years ago

Looks to me like the problem is $('html,body').scrollTop is returning 0 in Mobile Safari where ever you are on the page.

That makes .animate think it needs to start from 0 (coz that's where it thinks it currently is). I'm pretty sure this is something which is isolated to Mobile Safari though as it's working fine in my desktop version.

The only way I seem to be able to get the real scroll position is though $(window).scrollTop() and $(document).scrollTop() but I don't think you can call .animate on them (or at least that's not working for me) so I ended up writing a setTimeout function and animating it manually.

I'm really not much more than a beginner with jQuery though so maybe someone could find away to use this to get .animate to work correctly.

mcguffin

Re: Scrolling on Mobile Safari

1 year ago

Hi all,

this should help to return the current document's scroll position when running on mobile safari.

(function($){
$.fx.prototype.curOriginal = $.fx.prototype.cur;
$.fx.prototype.cur = function( force ) {
if ($(this.elem).is("body") && this.prop == "scrollTop") return $(window).scrollTop();
return this.curOriginal(force);
}
})(jQuery);

Response title

Attachments

jQuery Forum

Scrolling on Mobile Safari

Re: Scrolling on Mobile Safari

Re: Scrolling on Mobile Safari

Statistics

Tags

Actions

Related Posts