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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
Yêu cầu cài add-on Widget FrameWork
Mở template navigation tìm
Mã:
<div class="navTabs">

Thay bằng
Mã:
<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
Mã:
<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>

Mã:
<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​
 

Đính kèm

  • js.zip
    2.2 KB · Lượt xem: 100
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
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.
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Ơ, bài này mình viết bên CNAZ nè, lấy từ code vitalk ra :))
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
mình vào bình thường nè :))
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
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

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
chịu, không load nổi. Vào mấy site khác thì vẫn bình thường.
 
  • Like
Reactions: THB

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
@2L.Ohayo : thử xóa cache trình duyệt chưa ??
 
  • Like
Reactions: THB

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom