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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,246
Được Like
11,672
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

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

Cộng Sự Đắc Lực
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

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,246
Được Like
11,672
mình vào bình thường nè :))
 
  • Like
Reactions: THB

THB

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

Cộng Sự Đắc Lực
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

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,246
Được Like
11,672
@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

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom