Фон вопроса:

У меня есть 2-страничный сайт. Обе страницы используют одинаковыеmasterlayout.cshtml страница, которая имеет Navbar. Внутри Navbar есть несколько ссылок, которые прокручиваются вниз к соответствующим ссылкам на странице 1 на основе их идентификаторов.

Проблема:

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

Код:

Вот код Navbar с установленным идентификатором div, обратите внимание наdata-id атрибуты, указывающие, к какому div нужно перейти:

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="#" class="scroll-link" data-id="Welcome">Welcome</a></li>
                <li><a href="#" class="scroll-link" data-id="features">Club</a></li>
                <li><a href="#" class="scroll-link" data-id="About">About Us</a></li>
                <li><a href="#" class="scroll-link" data-id="Location">Location</a></li>
                <li><a href='@Url.Action("FutureEvents", "Events", new { pageNo = 1 })'>Events</a></li>
            </ul>
        </div> 

Пример div, который прокручивается до:

        <div id="Welcome">
             //HTML
        </div>

JQuery используется для прокрутки до соответствующего div:

        function scrollToID(id, speed) {
          var offSet = 70;
          var obj = $(id).offset();
          var targetOffset = $(id).offset().top - offSet;
          $('html,body').animate({ scrollTop: targetOffset }, speed);
        }

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