憋說話，直接上程式碼，先是最最重要的js：

  $(function(){
    var a = $('#course-tab'),
      b =a.offset();//返回或設定導航欄相對於文件的偏移(位置)
  //加個螢幕滾動事件，c是滾動條相當於文件最頂端的距離
    $(document).on('scroll',function(){
      var c = $(document).scrollTop();
  /*當滾動的螢幕距離大於等於導航欄本身離最頂端的距離時（判斷條件）給它加樣式（根據自己業務的條件加樣式，一般如下）*／
      if(b.top<=c){
        a.css({'position':'fixed','top':'0px'})
        }else{
          a.css({'position':'absolute','top':'500px'})
          }
     })
  });
 

        <div id="course-tab">
          <ul id="myTab" class="nav nav-tabs tabswitch">
            <li class="active">
              <a class="teacher-tab-btn" href="#course-buy" data-toggle="tab">
                在售課程
              </a>
            </li>
            <li><a class="teacher-tab-btn" href="#teacher-introduce" data-toggle="tab">教師介紹</a></li>
          </ul>
        </div>