固定div與錨定導航 - 打破頁面

Question

我有一個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