%
Xe đạp thể thao Road Vivente 700C-LINE 27.5 inch [ Màu cam ]
Xe Đạp
Thể Thao
%
XE ĐẠP THỂ THAO KHUNG NHÔM VÀNH 26 INCH
Xe Đạp
Thể Thao
%
Sạc dự phòng mini YM300S 20000mAh kèm dây cáp, 4 cổng kết nối tiện dụng
Pin Sạc
Dự Phòng
%
Sạc dự phòng 20000mAh sạc nhanh 18W QC3.0/PD mã ONC Flash Titan hiển thị LCD
Pin Sạc
Dự Phòng

Code cố định thanh menu (sticky menu)

1. Chèn đoạn code sau dưới thẻ ]]></b:skin> :


/* Bắt đầu Stick Nav */
sticknav {
background: #ffffff;
height: 30px;
width: 100%;
margin-right: 0px;
margin-left: 0px;
left: 0px;
right: 0px;
position: relative;
z-index: 9999;
}
.fixed { position:fixed;}
/* Kết thúc Stick Nav */


2. Đặt đoạn code sau trên thẻ </body> : 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var aboveHeight = $('header').outerHeight();
    $(window).scroll(function(){
        if ($(window).scrollTop() > aboveHeight){
        $('sticknav').addClass('fixed').css('top','0').next().css('padding-top','60px');
        } else {
       $('sticknav').removeClass('fixed').next().css('padding-top','0');
        }
    });
});
</script>


3. Sau cùng đặt toàn bộ code hiển thị menu vào trong thẻ (Code hiển thị menu thường là navigation bar): 


<sticknav>
(Đoạn code hiển thị menu (navigation bar) ở đây)
</sticknav>
Sạc dự phòng tích hợp màn hình Led Dung Lượng 10000MAH

Xem sản phẩm,...

Đăng nhận xét

Mới hơn Cũ hơn
Shop Mua Sắm Online Công Nghệ 4.0