css - 固定 div 与锚导航 - 打破页面

Question

我在页面左侧有一个 div，其中包含指向右侧不同 div 的链接。我希望左侧 div 在滚动页面时保持固定，但也显示在我跳转到的 div 旁边。问题是，当我点击一个链接时，它会跳转到 div，但导航 div 不会呈现，直到我将鼠标一点一点地悬停在它上面，它似乎打破了页面。有任何想法吗？

导航 div

<div class="tableoutline fixed">
 <table class="notableoutline glossary">
  <thead>                               
  </thead>
  <tbody>
<tr>                
 <td class="datatd">
  <a href="#recommendedQuestions">{{data.learn.recommendedQuestions.title}}</a>                                     
 </td>                                  
</tr>
<tr>    
 <td class="datatd">            
  <a href="#process">{{process.title}}</a>                                      
 </td>                                  
</tr>
   </tbody>
 </table>
 </div> <!-- End of tableoutline -->

内容 div

<div class="contentbox bottomMargin" id="process" name="process">
 <h1>{{data.learn.process.title}}</h1>
  <div class="questionsAndAnswers">                     
   <h2>{{process.question1}}</h2>
   <p>{{process.answer1}}</p>       
  </div>                                
 </div> <!-- End of Content Box /-->

Answer 1

使元素固定：

#element {
   position: fixed;
}

如果您希望它始终处于顶部，请使用z-index