Якорная ссылка на другую страницу,с плавным скролом после загрузки страницы?

Question

[Алексей]

Доброго времени суток,
Помогите решить задачу.
Есть якорная ссылка на другую страницу, при переходе по ней резко кидает к блоку id которого указан в анкоре.
Как можно реализовать что бы при переходе по этой ссылке сначала загружалась страница,а потом скролилась к нужному блоку?
Пример того что нужно тут
Вот код который использовал для плавности скрола

$(function ($) {
        if (window.location.hash) {
            var target = window.location.hash;
            history.replaceState("", document.title, window.location.pathname + window.location.search);
            var target_offset = $(target).offset() ? $(target).offset().top : 0;
            var customoffset = 150;
            $('html, body').animate({
                scrollTop: target_offset - customoffset
            },500);
        }
});

Comments

[Ivan Bogatov]

Внезапно, такое есть в fullPage.js. Может, поможет его код посмотреть?

[Алексей]

Ivan Bogatov, Не совсем понимаю чем мне может помочь эта библиотека.Как я понял она используется для поблочной прокрутки страниц и создания слайдеров.Поправьте меня если я не прав.

Answer 1

[Stalker_RED]

Перемотать на 0, а потом плавным скроллом подъехать к нужному элементу.
Другие способы не припоминаю.

if (window.location.hash) {
  setTimeout(function() { 
    window.scroll(0,0)
    // а здесь ваш плавный скролл
  }, 1)
}

Comments

[Алексей]

Stalker_RED,А по точнее не подскажите что нужно дописать? Я просто не силен в JS, только начал его изучать))

[Stalker_RED]

Сорри, с телефона неудобно было писать код. Дополнил ответ.

[Алексей]

Stalker_RED, спасибо за помощь.