跳轉到不同的頁面上的部分不能正常工作

我有導航條是這樣的：跳轉到不同的頁面上的部分不能正常工作

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

，但是當我點擊「人物」的鏈接，它不會正確定位，因爲我上加載一些圖表該頁面。我有很多獨特的部分，內容是從JavaScript（圖表）加載的。

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

一個div ID的內容=「div_something」我在JavaScript製作...... 我有獨特的ID main_page一個10米格的這個樣子。我可以看到，當我點擊AA HREF =「/ main_page＃top_something」關於導航欄將會貼上我的那款，但只要它加載的JavaScript將

感謝上打動我提前

來源

2016-10-04 katrin

嘗試，但main_page 像main_page.html＃top_section – mohade

後延長我不能這樣做，因爲我的main_page是.ejs文件的Node.js（快遞）被渲染上這條路 – katrin

檢查這個答案的http： //stackoverflow.com/questions/39884440/jquery-scroll-to-id-on-page-a-from-page-b-node-ejs/39904667#39904667 – katrin

如果你的main_page是一個目錄（它可能是），那麼你只需要在錨點名稱前加一個斜槓。

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

如果你的JavaScript注入內容的頁面加載，那麼你將被帶到相應的錨之後，但在頁面可以移動，因爲JS通過添加額外的內容將推動錨下跌的一頁。在完成注入內容之後，您可能會考慮使用JS將屏幕重新定位到適當的錨點。

來源

2016-10-04 21:41:22

不，它是一個文件的名稱，.ejs文件更準確地 – katrin

，即使我做onclick =「location.href ='main_page /＃top_something'它不工作。 – katrin

跳轉到不同的頁面上的部分不能正常工作

回答

相關問題