跳转到不同的页面上的部分不能正常工作

我有导航条是这样的：跳转到不同的页面上的部分不能正常工作

   <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

跳转到不同的页面上的部分不能正常工作

回答

相关问题