文章詳情頁
javascript - 不定高度動畫怎么實現(xiàn)？
瀏覽：129日期：2023-05-22 09:37:55
問題描述
怎么實現(xiàn)一個p不定高度的變化的動畫?例如一個p先是display：none的，點擊一個按鈕時，使其顯示出來，并且高度從0開始逐漸變化動p的最大高度。google得到的答案是使用max-heigth,然而如果max-height設(shè)置不合理（大了或者小了的話）都會使動畫不自然。
問題解答
回答1：最簡單的方法就是用 JQ 的 slideUp 和 slideDown 方法.下面是我用原生寫的 demo .https://jsfiddle.net/11wrgm7b/
標簽：
JavaScript
相關(guān)文章：
1. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題2. javascript - 求賜教：網(wǎng)易郵箱Web端模擬登錄看信的加密參數(shù)_ntes_nnid、_ntes_nuid3. javascript - 使用angular 的ui-sref 中出現(xiàn)了中文參數(shù)，點擊跳轉(zhuǎn)后瀏覽器的地址欄里出現(xiàn)轉(zhuǎn)義后的%AE....%a%44. java - ConcurrentHashMap中的get()方法為什么可以不加鎖？5. javascript - QWebEngineView 如何爬 angular 的動態(tài)數(shù)據(jù)？6. html5 - 這個代碼顯示功能如何實現(xiàn)？7. javascript - 用JS 七牛上傳圖片出現(xiàn)文件已存在的錯誤（file exists）8. 工作近5年，3年Java Web ，近2年前端，未來何去何從？9. css3 - 圖片等比例縮放10. java - 字節(jié)流轉(zhuǎn)成字符串之后，在通過字符串轉(zhuǎn)成字節(jié)流后的文件為什么會不一樣？
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備