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

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

1 个答案: