Frage Hintergrund:

Ich habe eine 2-seitige Website. Beide Seiten verwenden dasselbe masterlayout.cshtml Seite mit einer Navbar. In der Navbar gibt es eine Reihe von Links, die anhand ihrer IDs zu den relevanten Divs auf Seite 1 runterscrollen.

Die Angelegenheit

Wenn ich auf die zweite Seite zugreife, kann ich über die Navbar-Links auf der ersten Seite nicht mehr zu den angegebenen Divs umleiten. Dies ist sinnvoll, da der Fokus nicht mehr auf der ersten Seite liegt. Wie kann ich dieses Problem umgehen?

Code

Hier ist der Navbar-Code mit der eingestellten Div-ID, beachten Sie dasdata-id Attribute, die angeben, zu welchem Div gescrollt werden soll:

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

Beispiel eines Divs, zu dem gescrollt wird:

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

Die JQuery, mit der zum entsprechenden Div gescrollt wurde:

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

Wenn jemand helfen kann, eine praktikable Lösung zu finden, um diese IDs von einer anderen Seite aus aufzurufen, wäre das großartig.