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