Xin Header trượt khi kéo trang cho wordpress

[khanhsak3r]

Demo video như thế này
Tải xuống IMG_1690.mov (1.94 MB)
Hoặc demo như trang kzic.net khi truy cập bằng mobile

- - - - - - - - - -

Hoặc thế này nhé

 

[AdminAdmin is verified member.]

@khanhsak3r
Em làm như sau nhé
Mở header của wordpress lên
Dán

<div id="tuoitreit_hieuung">Nội dung của header</div>

Dán tiếp

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {

    var div = $('#tuoitreit_hieuung');
    var start = $(div).offset().top;

    $.event.add(window, "scroll", function() {
        var p = $(window).scrollTop();
        $(div).css('position',((p)>start) ? 'fixed' : 'static');
        $(div).css('top',((p)>start) ? '0px' : '');
    });

});
</script>

Rồi lưu lại, xóa cache và cảm nhận em nhé

 

[khanhsak3r]

Để e thử xem sao thank a nhá

- - - - - - - - - -

Mà cái này đem kết hợp với menu dropdown đc ko nhỉ :v

 

[AdminAdmin is verified member.]

Để e thử xem sao thank a nhá

- - - - - - - - - -

Mà cái này đem kết hợp với menu dropdown đc ko nhỉ :v

Tất nhiên là được em à

 

[khanhsak3r]

admin, làm dùm e như thế này đc ko