av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

前端 - [css動畫] transition動畫之后執行display:none,動畫不生效,怎么解決?

瀏覽:130日期:2023-01-19 08:06:22

問題描述

大家好,我遇到的問題是一個類似于微信聊天的時候點擊加號出現菜單,前端 - [css動畫] transition動畫之后執行display:none,動畫不生效,怎么解決?

打開菜單的時候沒有什么問題,關閉菜單是先transition動畫,然后設置display為none但是這樣做好像display會破壞transition的執行,動畫不會生效,請問怎么解決這個問題?

問題解答

回答1:

你的display:none應該是立刻就執行了,并沒有在transition動畫后執行,所以直接就隱藏了。如果你需要這樣做的話1、你可以延時執行dislpay:none的操作。setTimeout(function(){//執行},200);2、如樓上操作用jQuery的animate,然后在animate的回調中設置dislpay:none;3、直接眼紅jQuery的slidedown

回答2:

動畫可以寫在jQuery的animate()中,動畫完成后執行讓它display:none的回調函數

回答3:

監聽transitionend事件,在回調里面執行display:none操作

標簽: CSS
主站蜘蛛池模板: 97av视频 | 97精品超碰一区二区三区 | 久久黄网 | www国产亚洲精品久久网站 | 久久久国产精品 | 亚洲精品中文字幕在线 | www.国产精 | 亚洲一区二区三区在线播放 | 麻豆久久久久久久 | 久久久久久国产精品 | 免费看啪啪网站 | 婷婷色国产偷v国产偷v小说 | 日韩爱爱网站 | 春色av| 亚洲人成在线观看 | www.99re5.com | 亚洲精品在线看 | 色视频欧美 | 国产精品欧美精品 | 91在线区| 亚洲成人免费视频在线观看 | 国产一区中文字幕 | 一级国产精品一级国产精品片 | 成人精品久久 | 全免费a级毛片免费看视频免 | 日韩中文在线 | 欧美一区| 免费在线一区二区 | 一区二区三区视频免费看 | 国产91在线 | 亚洲 | 一区二区三区欧美在线 | 国产激情91久久精品导航 | 在线只有精品 | 韩国精品一区 | 99色视频| 美人の美乳で授乳プレイ | 成人黄页在线观看 | 91色网站 | 九九久久久 | 国产sm主人调教女m视频 | 毛片免费观看 |