絕地無雙
2023-05-11 16:14:20
我的網站上有粘性導航欄問題。我為此導航欄使用了w3schools的代碼。問題是當頁面加載時,出現導航粘性效果,當頁面完全加載時,導航轉到頁面頂部。鏈接到我的網站這是導航菜單的樣子:CSS: .sticky { position: fixed; top: 0; width: 100%; } .sticky + .content { padding-top: 60px; } <script> window.onscroll = function() {myFunction()}; var navbar = document.getElementById("navbar"); var sticky = navbar.offsetTop; function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } } </script>
2 回答

鳳凰求蠱
TA貢獻1825條經驗 獲得超4個贊
嘗試將腳本包裝在DOMContentLoaded事件偵聽器中:
document.addEventListener('DOMContentLoaded', function () {
window.onscroll = function () { myFunction() };
var navbar = document.getElementById("navbar");
var sticky = navbar.offsetTop;
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}
})
另外,您可以function() {myFunction()}僅替換為myFunction
添加回答
舉報
0/150
提交
取消