Hướng dẫn tạo quảng cáo trượt cố định ở sidebar cho xenforo

[Admin]

Demo ảnh

Vào template 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:

<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 đó lưu lại

Chèn code này vào vị trí muốn hiển thị

<div id="sticky">
Code quảng cáo
</div>

Lưu lại là xong