Как сделать смещение при переходе на якорную ссылку на другой странице?

Question

[archi_1979]

Здравствуйте! Есть проблема, на сайте фиксированная сверху шапка меню. Есть несколько анкорных ссылок с главной на другие страницы сайта. Как сделать чтобы при переходе по анкору на другую страницу сайта, шапка меню не закрывала текст якоря, а происходило смещение вниз на высоту шапки, как сделать на текущей странице я знаю, через $('body,html').animate({scrollTop: top – высоташапкименю}, 1000);
но вот как это же реализовать при переходе на другую страницу сайта, здесь затык

Answer 1

[Immortal_pony]

$(function() { // сразу после загрузки страницы...
    if (window.location.hash !== '') { // если поняли, что ссылка якорная...
        setTimeout(function() {
             $('body,html').animate({scrollTop: top – высоташапкименю}, 1000);  // <- ваша функция для промотки до контента
        }, 200); // браузер сам может промотать к какому-то контенту страницы. Пережидаем этот момент
    }  
})

Answer 2

[archi_1979]

если просто вставляю Ваш кусок кода после
$(document).ready(function() { });
то ни один мой рабочий код до Вашего кода, не выполняется, можете чуть разжевать пжл, или может где запятой не хватает или еще чего, я мало соображаю в js вообще и jquery в частности

Comments

[Immortal_pony]

Да, код внутри этой конструкции выполнится после загрузки страницы.
Данные конструкци идентичны:

$( handler )
$( document ).ready( handler )
$( "document" ).ready( handler )
$( "img" ).ready( handler )
$().ready( handler )

[archi_1979]

Спасибо Вам Immortal_pony! Второй правда код я не понял нихрена ))), но после двух часов мучений у меня заработало! Надо изучать предмет, мне очень трудно после дельфей и borlandpascal что-то сделать в jawascripte, да и среда разработки оставляет желать лучшего, все делаю в саблайм тексте. Может по IDE что-нибудь подскажете, или вообще с какой стороны ко всему этому подходить? Буду очень Вам признателен.