Переход с одной страницы на определённое место другой с отступом?

Question

[kotikes]

Вот есть такой код для перехода по якорю к определённому месту по одной и той же странице

$(document).ready(function () {
    $("#menu_contents").on("click", "a", function (event) {
        event.preventDefault();
        var id = $(this).attr('href'),
            top = $(id).offset().top - 80 + "px";
        $('body,html').animate({
            scrollTop: 1500
        }, top);
    });
});

для этого кода в Html есть ссылки и id:

<ul id="menu_contents">
    <a href="#p1">
        <li>1.1</li>
    </a>
    <a href="#p2">
        <li>1.2</li>
    </a>
    <a href="#p3">
        <li>1.3</li>
    </a>
</ul>

Но как сделать, чтобы я была на одной странице и осуществился переход на другую страницу в определённое место, но также сделался отступ? Искала много кода, вот что-то похожее нашла, но он почему-то выбивает ошибки :(

Вот у меня есть такое ссылки на другие страницы с якорями :

<ul id="my_menu_contents">
    <a href="mechanics_lk/mechanics_lk1.html#p1">
        <li>1.1.</li>
    </a>
    <a href="mechanics_lk/mechanics_lk1.html#p2">
        <li>1.2.</li>
    </a>
    <a href="mechanics_lk/mechanics_lk1.html#p3">
        <li>1.3.</li>
    </a>
</ul>

Answer 1

[Виталий Кузнецов]

при загрузке страницы надо мониторить # и при его наличии делать переход

Comments

[kotikes]

вы можете пожалуйста написать как именно это делается? то, что это надо сделать, я в курсе).

[Rustam Bainazarov]

kotikes,

https://www.site.com#section

[kotikes]

Рустам Байназаров, я имею в виду какой именно js

[Rustam Bainazarov]

kotikes, не очень хочется писать, тут люди помогут, я уверен :))

Тут не парой строчек кода обойдется.

[Виталий Кузнецов]

kotikes, надо разбираться в jquery ^-)

;

$(document).ready(function () {
  var hashtag = window.location.hash;
            if (hashtag != '') {
                //скрольте здесь
            }
});

Answer 2

[Олег]

Как вариант сравнить document.referrer и document.url

Comments

[kotikes]

я плохо разбираюсь в js, можно пожалуйста поподробнее и с кодом?).

[Олег]

kotikes,
судя по вашему коду, вам за js вообще нереально еще браться.
Оcновы html)

<a href="mechanics_lk/mechanics_lk1.html#p1">
        <li>1.1.</li>
 </a>

<li>
     <a href="mechanics_lk/mechanics_lk1.html#p1">1.1. </a>
</li>

[kotikes]

Олег, да, я js вообще не изучала. а в html ссылку поставила вокруг элемента li, чтобы весь пункт li был ссылкой, а не только текст внутри элемента).

[kotikes]

Олег, к сожалению, это не имеет никакого отношения к моему вопросу... может вы все таки поможете мне решить его, а не основы html?).

[Rustam Bainazarov]

kotikes, у вас валидатор при таком коде будет выбивать ошибку. Блочный элемент внутри строчного. К тому же иногда это приводит к ошибкам построения DOM.

Если хотите, чтобы ссылкой было всё, то делайте её внутри li и добавьте в CSS: a { display: block; }.