如何滾動到元素並在到達視口頂部時停止？

我正在一個網站（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/ –

回答