Question

Lately im trying to use jquery more often and right now im having some problem i’d like to solve with jquery hope u could help me.

I have some web page that includes some anchor tag (lets say the anchor is located in the middle of the page) and on the event onload i want the page to start on that certain anchor tag location meaning the page will be “scrolled” automaticaly to a certain location.

That was my previous solution (which is quite ugly since it adds #i to my url)

window.onload = window.location.hash = 'i';

Anyway could u tell me how can i do it with jquery?

notice: i don’t want the user to feel any slide or effect while getting to this location

Answer 1

Use the following simple example

function scrollToElement(ele) {
    $(window).scrollTop(ele.offset().top).scrollLeft(ele.offset().left);
}

where ele is your element (jQuery) .. for example : scrollToElement($('#myid'));