我目前在我的網站上實現了一個“單擊以向上滾動”按鈕，該按鈕本身工作正常，但我唯一的問題是，當它到達頁腳時，它會與它重疊。我希望按鈕不與項目重疊，并在設定距離處停在頁腳頂部。這是我當前的按鈕 CSS：.back-to-top {position: fixed;right: 25px;display: none;z-index: 99;    }這是我的 JS：$(document).ready(function(){$(window).scroll(function () {        if ($(this).scrollTop() > 50) {            $('#back-to-top').fadeIn();        } else {            $('#back-to-top').fadeOut();        }    });    // scroll body to 0px on click    $('#back-to-top').click(function () {        $('body,html').animate({            scrollTop: 0        }, 400);        return false;    }); });這是在代碼筆中：https ://codepen.io/Darlton29/pen/ZEbyNXe我當然可以調整填充/邊距，使其完全避開頁腳，但這不是我想要的解決方案，就好像我要擴展頁腳一樣，我的按鈕會在頁面上太遠。如您所見，向上滾動按鈕與頁腳重疊。非常感謝任何幫助。謝謝。編輯：頁腳 CSS.footer {  position: absolute;  width: 100%;       height: 4rem;   /* Set the fixed height of the footer here */  line-height: 4rem; /* Vertically center the text there */  background-color:#292929;  text-align: right;  color: #fff;   padding-right: 2rem;  bottom: 0;      }