如何滚动到元素并在到达视口顶部时停止？

Question

我正在开发一个网站（http://dev-caeoli.pantheonsite.io/）而且我遇到了一个jquery问题。我在网站导航中使用scrollTop。我不能使用锚链接，因为“main”元素在开头固定了位置以创建滚动效果。

我正在使用此代码，但是当滚动发生时，元素会保持在视口下方。

void QAbstractItemView::edit ( const QModelIndex & index )

我想要的是滚动到视口顶部的元素。我已经使用代码打击来实现这一点，但只有当你在页面顶部时它才有效，因为它会减去窗口的高度。

scrollTop: $("#work").offset().top

我做错了什么线索？

Answer 1

您应该将当前滚动量添加到元素的偏移量（）。以及分散固定标题高度

scrollTop: $(window).scrollTop() + $("#work").offset().top - 100