Antecedentes de la pregunta:

Tengo un sitio web de 2 páginas. Ambas páginas usan lo mismomasterlayout.cshtml página que presenta una barra de navegación. Dentro de la barra de navegación hay una serie de enlaces que se desplazan hacia abajo a los divs relevantes en la página uno según sus ID.

La cuestión:

Cuando accedo a la segunda página, ya no puedo redirigir a los divs especificados desde los enlaces de la barra de navegación en la primera página. Esto tiene sentido ya que el foco ya no está en la primera página, pero ¿cómo puedo solucionar este problema?

Código:

Aquí está el código de la barra de navegación con el ID de div establecido, tenga en cuenta eldata-id atributos que especifican a qué div desplazarse:

        <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> 

Ejemplo de un div que se desplaza a:

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

JQuery solía desplazarse al div relevante:

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

Si alguien puede ayudar a encontrar una solución viable para poder llamar a estos identificadores desde una página diferente, sería genial.