Sprung zu einem Abschnitt auf verschiedenen Seite funktioniert nicht richtig

Question

Ich habe navbar wie folgt aus:

   <ul class="dropdown-menu" role="menu"> 
       <li><a href="/main_page#top_something">People</a></li> 
       <li><a href="/main_page">Main Page</a></li> 
       </ul> 

aber wenn ich auf „People“ Link klicken, wird es nicht richtig positionieren, weil ich einige Diagramme bin Laden auf diese Seite. Ich habe viele Abschnitte mit eindeutiger ID und Inhalt wird von JavaScript (Charts) geladen.

 <section id="top_something"> 
     <div class= "container"> 
      <h2 class="blue-headings text-center"><b>Top People</b></h2> 
      <div id="div_something"></div> 
     </div> 
     <br> 
    </section> 

Der Inhalt eines div id = "div_something" Ich in JavaScript mache ... Ich habe einen 10 divs wie dies auf diesem main_page mit einzigartiger ID. Das kann ich sehen, wenn ich auf aa href Anklicken = „/ main_page # top_something“ auf navbar es mich auf diesem Abschnitt einfügen, aber sobald es JavaScript lädt es wird mir obere

Dank im Voraus bewegen

Answer 1

Wenn Ihr main_page ein Verzeichnis ist (was es wahrscheinlich ist), müssen Sie einfach einen Schrägstrich vor dem Namen des Ankers einfügen.

<a href="/main_page/#top_something">People</a> 

Wenn Sie Inhalte nach dem Laden der Seite JavaScript Injektion, dann werden Sie auf den entsprechenden Anker gebracht werden, aber die Seite bewegen kann, weil der zusätzliche Inhalt von JS hinzugefügt wird, den Anker auf der Seite drücken. Sie könnten in Betracht ziehen, den Bildschirm mithilfe von JS nach dem Fertigstellen des Inhalts auf den entsprechenden Anker zu positionieren.