使用引導程序創建一個div

Question

我正在使用Bootstrap v3來創建一個div，我想在它從當前位置滾動到「sticky」時移動到左側或左側。

<div id="trigger1"> 
    <table class="nav-justified"> 
     <tr> 
      <td> 
       Menu Area 
      </td> 
      <td> 
       <div class="text-right"> 
        <div class="dropdown"> 
         <a id="FilterDataLabel" class="btn btn-danger" data-target="#" data-toggle="dropdown" href="#" role="button"> 
          <span aria-hidden="true" class="glyphicon glyphicon-filter"> 
          </span>&nbsp;&nbsp;Filter Filter Menu 
         </a> 
        </div> 
       </div> 
      </td> 
     </tr> 
    </table> 
</div> 

Answer 1

你需要的是使用CSS屬性position: fixed;

看看這個例子：jsFiddle。

Answer 2

這聽起來像你想要一個div放置在你的頁面的某個地方，當頁面滾動時，div將堅持頂部。如果這是正確的，那麼你可以使用這個... affix。

Here is a Fiddle with it doing this with a sticky div.

試試這個，你是什麼樣的編碼在這裏使用。

<script> 
$('.stick-top').affix({ 
    offset: {top: 50} 
}); 
</script>