Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Hỏi đáp] Code cố định một Widget(Stick Widget) tự động trượt khi lăn chuột

Tác giả: - vào lúc:
Kou94
Bài viết : 134
Points : 210
Like : 12
Punbb
An toàn
Kou94MEM LV3
10/4/2019, 20:45
#1
Mình làm theo cách của trang này hướng dẫn: https://www.stdio.vn/articles/tao-menu-truot-theo-khung-nhin-tren-web-177

Với đoạn java sau:

Code:

<script>
      $(document).ready(function(){
      
         $(window).scroll(function(){
            if($(window).scrollTop() - $("#id_anchor").position().top < 0){
               $('#id_content').css({'position':'relative'});
            }else{
               $('#id_content').css({'position':'fixed'});
            }
         });
      });
   </script>


Mình muốn cái khung dừng lại khi đụng footer của diễn đàn như HotroFM thì thêm đoạn code nào nữa nhỉ?

[Hỏi đáp] Code cố định một Widget(Stick Widget) tự động trượt khi lăn chuột Untitl10
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
10/9/2019, 23:12
#2
Thì bạn thêm offset ấy
Kou94
Bài viết : 134
Points : 210
Like : 12
Punbb
An toàn
Kou94MEM LV3
10/10/2019, 06:01
#3
lasperpen đã viết:
Thì bạn thêm offset ấy


lasperpen6 giúp mình sửa lại đoạn code luôn đc ko? tại mình ko rành java lắm Sad mình cảm ơn trước nha
rockmanvnx6
Bài viết : 2
Points : 2
Like : 0
Punbb
rockmanvnx6MEM
10/21/2019, 20:24
#4
không nên dùng position

Code:

fixed
mà nên dùng

Code:

sticky
hơn.
Tham khảo: https://codepen.io/manumorante/pen/weQZxm
Sponsored content
#5