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

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

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

瀏覽:129日期: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
主站蜘蛛池模板: 精品欧美乱码久久久久久1区2区 | 亚洲视频免费在线观看 | 国产精品区二区三区日本 | 欧美激情一区二区 | 天堂中文资源在线 | 久久婷婷麻豆国产91天堂 | 中文字幕色站 | 激情av| 欧美日韩成人在线 | 男女羞羞免费视频 | 国产精品久久国产精品 | 成人亚洲片 | 亚洲欧美在线一区 | 精品一区在线免费观看 | 久久亚洲精品国产精品紫薇 | 成人在线视频免费观看 | 亚洲国产情侣 | 日韩精品免费视频 | 九九热re | 久久精品亚洲欧美日韩精品中文字幕 | 中文字幕一区二区三区四区五区 | www.亚洲成人网 | 精品久久久久久 | 在线观看视频亚洲 | 野狼在线社区2017入口 | 久久久精品网 | 国产精品久久久久久久久久不蜜臀 | 情侣av| 在线一区 | 国产中文区二幕区2012 | 91社区在线高清 | 伦理午夜电影免费观看 | 色伊人久久 | 亚洲最大av网站 | 国内精品久久久久久 | 国产日韩免费观看 | 成人高潮片免费视频欧美 | 国产精品爱久久久久久久 | 精品视频一区二区三区在线观看 | 亚洲性人人天天夜夜摸 | 精品乱码一区二区 |