跳转到不同页面上的某个部分无法正常工作

Question

我有这样的导航栏：

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

但是当我点击＆＃34; People＆＃34;链接，它将无法正确定位，因为我正在该页面上加载一些图表。我有很多具有唯一ID的部分，内容是从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的内容=＆＃34; div_something＆＃34;我在JavaScript中制作...... 我在带有唯一ID的main_page上有10个这样的div。我可以看到，当我点击一个href =＆＃34; / main_page #top_something＆＃34;在导航栏上，它会将我粘贴到该部分，但只要它加载JavaScript，它就会让我向上移动

提前致谢

Answer 1

如果您的main_page是一个目录（可能是它），那么您只需在锚名称前加一个斜杠。

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

如果您在页面加载后有JavaScript注入内容，那么您将被带到适当的锚点，但页面可能会移动，因为JS添加的其他内容会将锚点向下推送到页面。您可以考虑在完成注入内容后使用JS将屏幕重新定位到适当的锚点。