Floating Sidebar Widget - Cố định Widget khi scroll chuột

[PVS]

Yêu cầu cài add-on Widget FrameWork
Mở template navigation tìm

<div class="navTabs">

Thay bằng

<div class="navTabs" id="topmenu">

Download file đính kèm, tải lên và giải nén vào thư mục js trên host. Mở file fixed.js sửa id widget cho phù hợp.

Thêm cách chỉnh sửa by admin
update
Sửa nội dung file fixer.js và cấu hình theo code sau

<script>
var $stickyHeight = 470; // chiều cao của div cần sticky
var $padding = 0; // khoảng cách từ top xuống div cần sticky, cái này thường bằng 0 nếu header của bạn fix thì bạn cài bằng chiều cao header
var $topOffset = 1170; // Khoảng cách div cần sticky bắt đầu hoạt động
var $footerHeight = 310; // Định vị điểm dừng của banner, tính từ chân lên (cài theo chiều cao của footer)
/* <=!=[=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>

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

Thay sticky bằng id của Sidebar bạn cần dùng. Chúc các bạn thành công.

Nguồn: congngheaz.com​

 

[THB]

cái này hay. hôm trước có bác hỏi nè. bên congnghe5giay nó dùng đấy. bác nào dùng thì cho ý kiến nha.

 

[Coolboyhn]

Cái fixed.js này hàng của dinhchi thì phải

 

[dev.xf]

cảm ơn bạn mình đã làm thành công cho www.congngheaz.com anh em xem và cho mình ý kiến nhé

 

[2L.Ohayo]

Ơ, bài này mình viết bên CNAZ nè, lấy từ code vitalk ra )

 

[ismartcom005]

Cái fixed.js này hàng của dinhchi thì phải

bác đang xài zang portal à ?

 

[Coolboyhn]

bác đang xài zang portal à ?

Thực ra nó vẫn là xen portal thôi

 

[ismartcom005]

Thực ra nó vẫn là xen portal thôi

nhìn như báo tin tức , chắc bữa nào tập rip

 

[Coolboyhn]

nhìn như báo tin tức , chắc bữa nào tập rip

Nói chung tớ làm có 1 mình nên coi nó như blog thôi

 

[2L.Ohayo]

Nói chung tớ làm có 1 mình nên coi nó như blog thôi

code XfNews của Dinhchi đúng không nhỉ

 

[dev.xf]

Ơ, bài này mình viết bên CNAZ nè, lấy từ code vitalk ra )

Giang sao ko thấy online bên cnaz nữa em

 

[Coolboyhn]

code XfNews của Dinhchi đúng không nhỉ

Chính nó!

 

[2L.Ohayo]

Giang sao ko thấy online bên cnaz nữa em

chả hiểu sao vào cnaz load mãi không được @@

 

[dev.xf]

chả hiểu sao vào cnaz load mãi không được @@

kì ta? phà phà mà

 

[PVS]

mình vào bình thường nè )

 

[THB]

dao này dứt cáp nên chắc có nơi hơi bị "chạm". mình cũng vào bình thường nhưng chưa thấy cái cố định widget như congnghe5giay

 

[2L.Ohayo]

chịu, không load nổi. Vào mấy site khác thì vẫn bình thường.

 

[PVS]

@2L.Ohayo : thử xóa cache trình duyệt chưa ??

 

[Jindo_Katori]

cảm ơn bạn mình đã làm thành công cho www.congngheaz.com anh em xem và cho mình ý kiến nhé

Chính xác!
Hôm trước em vào bác lại bảo là của tinhte

 

[dothanhtrung]

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

Thay sticky bằng id của Sidebar bạn cần dùng. Chúc các bạn thành công.

cái này đặt code ở temp nào nhỉ?