我目前正在使用Bootstrap Timeline(example here).由于这将是一个很长的时间线,我想在它的顶部有一些符号(每个都有一个日期和一个唯一的ID),这将代表某个事件.单击某个符号时,我想重定向到时间轴上的相应事件.

然而,此刻,当我点击符号时,我被重定向到div’容器’的顶部,其中包含时间轴而不是特定的< li>

例：
链接：

<ol class="timeline">
   <li class="timeline__step done">
        <a href="#type1" id="type1"></a>
    </li>

</ol>

至：

<div class="container">
     <ul class="timeline2">
        <li id = "type1" onclick = "window.location.hash = 'type1';">
        </li>
     <ul>
<div>`

解决方法:

从链接中删除id并从时间轴项中删除onclick. href中的hashtag应跳转到时间轴项目中设置的id.

<ol class="timeline">
   <li class="timeline__step done">
        <a href="#type1"></a>
    </li>
</ol>

<div class="container">
     <ul class="timeline2">
        <li id="type1">
        </li>
     <ul>
<div>