Does scrollIntoView() work in all browsers? If not is there a jQuery alternative?
Does scrollIntoView() work in all browsers? If not is there a jQuery alternative?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Does scrollIntoView() work in all browsers? If not is there a jQuery alternative?
It is supported yes, but user experience is… bad.
As @9bits pointed out, this has long been supported by all major browsers. Not to worry about that. The main problem is the way that it works. It simply jumps to a particular element that may as well be at the end of the page. By jumping to it, users have no idea whether:
The first two can be determined by scroll position, but who says users kept track of scroll position before jump was done? So it’s an nondeterministic action.
The last one may be true especially if the page has moving header that gets scrolled out of view and remaining page design doesn’t imply anything on being on the same page (if it also doesn’t have any total height vertical element like left menu bar). You’d be surprised how many pages have this problem. just check them out yourself. Go to some page, look at it at top, then press End key and look at it again. It is likely that you’ll think it’s a different page.
Animated
scrollintoviewjQuery plugin to the rescueThat’s why there still are plugins that perform scroll into view instead of using native DOM function. They usually animate scrolling which eliminates all 3 issues outlined above. Users can easily keep track of the movement.