jquery - move to an element in scrollable content

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

是的，在 jQuery 中是可能的。

您可以像这样获取任何 id 的位置：$(divId).position().top 并用于scrollTop设置滚动条的位置。

这是一个小提琴，有帮助吗？

Answer 2

你可以使用 JQuery 来做这样的事情：

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

检查演示。