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

我正在一个网站（http://dev-caeoli.pantheonsite.io/）工作，我坚持一个jQuery的问题。我在网站的导航中使用了scrollTop。我不能使用锚链接，因为“main”元素在开始时已经固定位置来创建滚动效果。如何滚动到元素并在到达视口顶部时停止？

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

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

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

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

我做错了什么线索？。

看到这个：http://stackoverflow.com/questions/9068587/accounting-for-a-fixed -header-with-animate-scrolltop-and-target-offset-top – Giliapps

你应该当前的滚动量添加元素的偏移量（）并分散注意力固定头部高度

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

2016-10-15 21:52:04

嗨阿希什，首先感谢你的时间。我不知道有什么问题，但t –

但代码似乎没有按预期工作。只滚动视口的一小部分。 http://dev-caeoli.pantheonsite.io/ –

回答