close button

Chi tiết bài viết Detail

  • One Tô Mỳ
  • JS
  • Jquery Tự Động Canh Nút Backtop Với Footer Khi Sử Dụng Position Fixed

Jquery Tự Động Canh Nút Backtop Với Footer Khi Sử Dụng Position Fixed

Jquery Tự Động Canh Nút Backtop Với Footer Khi Sử Dụng Position Fixed

Code Jquery

$(window).scroll(
    function(){ 
        var show = $(window).scrollTop() + $(window).height(); 
        var hide = $(document).height() - $('footer').height(); 
        var height = $(document).height() - show; 
        $('.div_backtop').css("bottom",$('footer').height() - height); 
        if(show < hide || $(window).width()<=767){ 
            $('.div_backtop').css("bottom",20); 
            # NẾU MÀN HÌNH SP THÌ CANH BOTTOM 20PX 
        } 
    }
)

Trong đó $(‘.div_backtop’) là nút backtop

$(‘footer’) là footer mà mình muốn nút backtop đi theo

Ví dụ

Bài viết liên quan

Hướng dẫn nén và giải nén trên FTP

Hướng dẫn Bước 1 : Download file tại đây unzip.zip Bước 2 : Giải nén được file unzip.php Bước 3 : Lấy file unzip.php bỏ vào thư mục cần nén...

Xem tiếp...

Tạo Hình 360° bằng JS

Hướng dẫn Hướng dẫn làm hình 360° bằng js Tài liệu tham khảo Andrepolischuk Github.com Ví dụ CodePen Embed Fallback

Xem tiếp...

Để lại suy nghĩ của bạn

Email của bạn sẽ không được hiển thị công khai.
Back To Top