XEM NGAY

Bài viết mới

Scroll slidebar dính chạy chọc website

Đoàn Long | 14 January, 2015 - 1231 Lượt xem

DOANDUYLONG.COM – Website… một nhu cầu không  thể thiếu đối với công ty, doanh nghiệp hay thậm chí là cửa hàng nhỏ đến cá nhân trong thời đại phát triển công nghệ như hiện nay.

Bạn luôn muốn website thay đổi hợp với phong cách, hay chỉ là cách điệu mới lạ thêm sinh động. Thường các slidebar của bạn hay bất kể chỗ nào trên website nó luôn nằm cố định một chỗ… Bạn có muốn silder bar của bạn động chạy theo khi kéo cuộn chuột không? VINATECH sẽ giúp bạn làm Scroll slidebar dính chạy chọc website.

Scroll slidebar dính chạy chọc website

Như demo ở hình trên VINATECH cũng làm Scroll slidebar dính chạy chọc website trong mục xem nhiều trong tháng.

Bạn copy code bên dưới và chỉnh theo tùy ý của bạn


<script>
var $stickyHeight = 460; // chiều cao của Scroll slidebar dính chạy chọc website
var $padding = 5; // khoảng cách từ top xuống dưới Scroll slidebar dính chạy chọc website
var $topOffset = 3560; //  khoảng cách tính từ trên xuống đến vị trí đặt banner
var $footerHeight = 300; // định vị điểm dừng của Scroll slidebar dính chạy chọc website, tính từ chân lên
/* <![CDATA[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185;
$('#sticky').attr('style', 'position:absolute; top:'+$top+'px;');
}else if($(window).scrollTop() + $padding > $topOffset) {
$('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');
}else{
$('#sticky').attr('style', 'position:relative;');
}
}
}
$(window).scroll(function(){
scrollSticky();
});
/* ]]> */
</script>
<div id="sticky">
<a target="_blank" href="http://doanduylong.com"><img src="Link_ảnh" title="Scroll slidebar dính chạy chọc website" width="250" height="220"></a>
</div>

LƯU Ý: Bạn có thể tùy chỉnh ảnh hoặc bài viết… bất cứ điều gì bạn cũng có thể cho chạy Scroll slidebar dính chạy chọc website được nhé!.

Chúc bạn thành công!

DOANDUYLONG.COM

Bình luận trên Facebook