亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何使用純 JavaScript 在 500px 之后顯示一個 div？

如何使用純 JavaScript 在 500px 之后顯示一個 div？

一只甜甜圈 2022-11-27 17:26:53
我有一個滾動到頁面頂部的<button>調用function，如何在 800 像素后自動顯示此按鈕。僅使用純 JavaScript？<button class="button">  GO To UP</button>   var button = document.querySelector(".button");button.onclick = function () {  window.scrollTo(0, 0);};
查看完整描述

1 回答

?
烙印99

TA貢獻1829條經驗 獲得超13個贊

一種方法是在按鈕上設置隱藏類，在 css 中我們可以隱藏此類的可見性。


.hidden {

  visibilty: hidden;

}

為了處理滾動功能，我們可以使用此功能


var button = document.querySelector(".button");


button.onclick = function(){

    window.scrollTo(0, 0);

}


window.addEventListener("scroll", () => {

    var y = window.scrollY;

    if (y >= 500) {

        button.classList.remove("hidden");

    } else {

        button.classList.add("hidden");

    }

});



查看完整回答
反對 回復 2022-11-27
  • 1 回答
  • 0 關注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號