- Tham gia
- 25/02/2015
- Bài viết
- 6,645
- Được Like
- 3,930
Để tạo quảng cáo trượt cố định trên sidebar cho xenforo như của forum Root.Vn các bạn làm như sau:
Demo quảng cáo:
Đầu tiên vào teamp của giao diện bạn đang dùng tìm page_container_js_body.
Thêm vào dưới cùng đoạn code sau
Sau đó save lại
Bạn muốn nó hiển thị ở đâu thì chèn đoạn code này vào:
Chúc các bạn thành công..!
Demo quảng cáo:
Đầu tiên vào teamp của giao diện bạn đang dùng tìm page_container_js_body.
Thêm vào dưới cùng đoạn code sau
Mã:
<script>
var $stickyHeight = 470; // chiều cao của banner quảng cáo
var $padding = 0; // khoảng cách top của banner khi dính
var $topOffset = 1170; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )
var $footerHeight = 310; // Định vị điểm dừng của banner, tính từ chân lên
/* <=!=[=C=D=A=T=A=[ */
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>
Sau đó save lại
Bạn muốn nó hiển thị ở đâu thì chèn đoạn code này vào:
Mã:
<div id="sticky">
Code quảng cáo
</div>
nguồn root.vn
Bài viết liên quan
Bài viết mới