Smooth Scroll to Anchor тег намного выше метки привязки

Question

Я пытаюсь получить гладкую функциональность прокрутки на своем веб-сайте. В настоящее время это проблема, с которой я столкнулся. Когда я перенаправляюсь на другую страницу с привязным тегом в ссылке URL, прокрутка останавливается намного до тега привязки, если тегу предшествует изображение.

Например:

попытка перехода от home -> About Us # Theory of Change. Это работает по назначению. Теперь предположим, что я перехожу от home -> About Us # Our Team, вы заметите небольшое смещение. Это намного более ярко выражено, если вы попытаетесь перейти от home -> Our Work # Pilot Study, страница остановится почти, 300 - 400 px над разделом, где содержится тег привязки. Прокрутка отлично работает в этих местах, если выполняется сама страница, т. Е. От About Us -> #Our Team вы увидите, что прокрутка работает просто отлично.

URL to website

Answer 1

Ваш код, кажется, выполняет на domready. Я подозреваю, что проблема вызвана тем, что изображения не будут полностью загружены при выполнении плавного кода прокрутки.

Предлагаю попытаться запустить плавный код прокрутки на load, а не на domready.