移至可滚动内容中的元素

Question

I have a standard scrollable content with some block elements.

I want to find out position of the div (relative to content top) and move scroll to that possiton. Is it possible? Maybe with jquery.

Answer 1

Yes, in jQuery it is possible.

You can get the position of any id like this: $(divId).position().top and use scrollTop to set where the scrollbar goes.

Here's a fiddle , does that help?

Answer 2

You can use JQuery to do something like that:

function scroll(element, parent){
    $(parent).animate({ scrollTop: $(element).offset().top - $(parent).offset().top }, { duration: 'slow', easing: 'swing'});
}

Check the demo .