Как прокручивать элемент и останавливаться при достижении вершины видового экрана?

Question

Я работаю над веб-сайтом (http://dev-caeoli.pantheonsite.io/), и я застрял в проблеме jquery. Я использую scrollTop в навигации по сайту. Я не могу использовать привязывающие ссылки, потому что элемент «main» имеет фиксированную позицию в начале для создания этого эффекта прокрутки.

Я использую этот код, но когда прокрутка происходит, элемент остается ниже области просмотра.

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

Что я хочу, это элемент для прокрутки вверху окна просмотра. Я использовал удар кода для достижения этого, но он работает только тогда, когда вы находитесь в верхней части страницы, потому что он вычитает высоту окна.

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

Любые подсказки о том, что я делаю неправильно? .

Answer 1

Вы должны добавить текущую величину прокрутки для смещения() до и отвлекают фиксированного заголовка высоты элемента

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