為什么在這段代碼中我可以使用高度而不是最大高度，所以它仍然有效？第二個問題是：為什么我們必須在高度為零時將溢出屬性設(shè)置為隱藏。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion_animate 這是上面的原始代碼。var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.height){ panel.style.height = null; } else { panel.style.height = panel.scrollHeight + "px"; } }); } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .active, .accordion:hover { background-color: #ccc; } .panel { padding: 0 18px; background-color: white; height: 0; overflow: hidden; transition: height 0.2s ease-out; }
為什么我們可以在動畫手風(fēng)琴中使用 height 屬性而不是 max-height 屬性？
慕尼黑8549860
2021-08-20 15:10:52
