Giúp mình cái này với các bạn :)

Giúp mình làm cái nav mà khi kéo xuống nó chạy theo cùng như trang
webongda.net dùm với cảm ơn các bạn nhiều

 

web có vào dc đâu mà chỉnh.

 

hi sorry cái demo là .net chứ ko phải .com

 

Thêm position: fixed và top: 0px vào css là ok

 

có thể nói chỉ rõ tí được không bạn

 

Bạn ko đưa live demo web bạn thì mình chỉ giúp dc như vậy

 

http://raovat2s.com/thrv/index.php demo đây bạn ơi giúp mình với

 

Tìm .navTabs
Thay tất cả bằng

Mã:

font-size: 11px;
background-color: #2B485C;
padding: 0px 25px;
border-width: 1px;
border-style: solid;
border-color: #65A5D1 #65A5D1 #032A46;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
height: 36px;
position: fixed;
top: 0px;

 

không được bạn ơi.. lỗi rồi.. làm cái kiểu kéo xuống nó sẽ chạy theo như của webongda.net ấy bạn, bạn xem thử demo đi

 

Lỗi gì ? thì kéo web xuống navbar đi theo đó -_-

 

hì ^^! mình muốn nó kéo như kiểu của trang webbongda.net ấy

 

thì nó kéo theo rồi mà -_-

 

nhưng kéo theo cái kiểu kia cơ bạn ạ

 

Kiểu kia là kiểu gì -_-

 

xem thêm cái này nhé:
http://vxf.vn/threads/float-navbar-giong-zing-voi-khung-tim-kiem-google.3525/

 

bạn vào webbongda.net kéo xuống là thấy mà

 

bước 1: tạo template tên float_navigation past đoạn bên dưới này vào

Mã:

<script type="text/javascript">
$(function() {
    $(window).scroll(function(){
        ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) ?
            $('#header').stop().animate({'opacity':'0.5'},400).css({'position':'fixed','top':'-{xen:calc '@headerLogoHeight + @headerTabHeight'}px','z-index':'60'}):
            $('#header').stop().animate({'opacity':'1'},400).css({'position':'absolute','top':'0px'});
    });
    $('#header').hover(
        function(){ if ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) $(this).stop().animate({'opacity':'1'},400);},
        function(){ if ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) $(this).stop().animate({'opacity':'0.5'},400);}
    );
});
</script>

bước 2: tìm template page_container_js_body và thêm vào bên dưới đoạn

Mã:

<xen:include template="float_navigation" />

sao đó chỉnh sửa mấy cái height và width cho phù hợp ở bước 1

 

hi mình cảm ơn bạn rất nhiều

 

Đây nhé
Tìm
<div class="navTabs">
Sửa:
<div class="navTabs" id="topmenu">
Thêm đoạn này dưới cùng trên body:

Mã:

<script type="text/javascript">
$(document).ready(function() {
  var top =$('#topmenu').offset().top + 25;
  $(window).scroll(function () {
    var y = $(window).scrollTop();   
    if (y >= top) {
      $('#topmenu').addClass('menufixed');
    } else {
      $('#topmenu').removeClass('menufixed');
    }
  });
});
</script>