文章詳情頁(yè)
javascript - 不定高度動(dòng)畫怎么實(shí)現(xiàn)？
瀏覽：119日期：2023-05-22 09:37:55
問題描述
怎么實(shí)現(xiàn)一個(gè)p不定高度的變化的動(dòng)畫?例如一個(gè)p先是display：none的，點(diǎn)擊一個(gè)按鈕時(shí)，使其顯示出來(lái)，并且高度從0開始逐漸變化動(dòng)p的最大高度。google得到的答案是使用max-heigth,然而如果max-height設(shè)置不合理（大了或者小了的話）都會(huì)使動(dòng)畫不自然。
問題解答
回答1：最簡(jiǎn)單的方法就是用 JQ 的 slideUp 和 slideDown 方法.下面是我用原生寫的 demo .https://jsfiddle.net/11wrgm7b/
標(biāo)簽：
JavaScript
上一條：javascript - 使用Vue2 v-html指令，可以渲染帶`script`的富文本嗎？下一條：javascript - swiperjs 在移動(dòng)端 又手指滑動(dòng) 會(huì)頓卡 ，怎么解決呢
相關(guān)文章：
1. mysql 的datadir設(shè)置的文件夾不存在，啟動(dòng)了mysql服務(wù)后創(chuàng)建的數(shù)據(jù)庫(kù)存在哪里？2. 數(shù)據(jù)庫(kù) - MySQL 單表500W+數(shù)據(jù)，查詢超時(shí)，如何優(yōu)化呢？3. mysql多表查詢4. 求大神幫我看看是哪里寫錯(cuò)了 感謝細(xì)心解答5. 這是什么情況？？？6. python - from ..xxxx import xxxx到底是什么意思呢?7. php自學(xué)從哪里開始？8. phpstudy v8打開數(shù)據(jù)庫(kù)就出錯(cuò)，而phpstudy 2018不會(huì)9. 網(wǎng)頁(yè)爬蟲 - python爬蟲翻頁(yè)問題，請(qǐng)問各位大神我這段代碼怎樣翻頁(yè)，還有價(jià)格要登陸后才能看到，應(yīng)該怎么解決10. phpstady在win10上運(yùn)行
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備