Class 不會在滾動條上切換

Question

有人可以幫我嗎？ 每當我嘗試滾動時，class none 都不會切換。

 window.addEventListener('scroll', function() { var header = document.getElementsById("here"); header.classList.toggle("none", window.scrollY > 0); });

 .none { display: none; }

 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/800px-Image_created_with_a_mobile_phone.png" id="here>

Answer 1

您只是簡單地沒有關閉 img 的 id 並編寫elementsbyid而不是elementbyid 。

 window.addEventListener('scroll', function() { var header = document.getElementById("here"); header.classList.toggle("none", window.scrollY > 0); });

 .none { display: none; }

 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/800px-Image_created_with_a_mobile_phone.png" id="here">