css jquery sticky navbar前景

Question

我想添加粘性導航欄到我的「雷克薩斯Extroic」opencart模板。這個非常困難。我的代碼：

<script> 
$(document).ready(function() { 
    $(document).scroll(function() { 
     var scroll = $(this).scrollTop(); 
     var topDist = $("#header-layout").position(); 
     if (scroll > topDist.top) { 
      $('nav').css({"position":"fixed","top":"0"}); 
     } else { 
      $('nav').css({"position":"static","top":"auto"}); 
     } 
    }); 
}); 
</script> 

但是結果並不好。下面是結果的頁面： http://45.55.74.161/index.php?route=common/home

這裏是我的原始模板： http://azbay.az

Answer 1

置頂導航是超級棘手。你應該使用bootstrap（一個css庫），並將導航類「navbar-fixed-top」應用於頁面的頂部。