文章詳情頁
javascript - 不定高度動畫怎么實現?
瀏覽:136日期:2023-05-22 09:37:55
問題描述
怎么實現一個p不定高度的變化的動畫?例如一個p先是display:none的,點擊一個按鈕時,使其顯示出來,并且高度從0開始逐漸變化動p的最大高度。google得到的答案是使用max-heigth,然而如果max-height設置不合理(大了或者小了的話)都會使動畫不自然。
問題解答
回答1:最簡單的方法就是用 JQ 的 slideUp 和 slideDown 方法.下面是我用原生寫的 demo .https://jsfiddle.net/11wrgm7b/
標簽:
JavaScript
相關文章:
1. python 計算兩個時間相差的分鐘數,超過一天時計算不對2. javascript - 使用form進行頁面跳轉,但是很慢,如何加一個Loading?3. javascript - 后臺管理系統左側折疊導航欄數據較多,怎么樣直接通過搜索去定位到具體某一個菜單項位置,并展開當前菜單4. javascript - ES6規范下 repeat 函數報錯 Invalid count value5. docker-machine添加一個已有的docker主機問題6. docker-compose中volumes的問題7. angular.js - 輸入郵箱地址之后, 如何使其自動在末尾添加分號?8. javascript - html5的data屬性怎么指定一個function函數呢?9. javascript - JS 里面的 delete object.key 到底刪除了什么?10. html5 - 為什么使使用vue cli 腳手架,post-css 沒有自動對css3屬性自動添加瀏覽器前綴呢?
排行榜
