gpt4 book ai didi

Javascript - 反转模态动画

转载 作者:太空宇宙 更新时间:2023-11-03 22:50:08 24 4
gpt4 key购买 nike

我正在构建的网站上有一些元素onclick 激活 modal like this .

现在动画是单向的,当您关闭它或从模态的焦点上单击时,它就会消失。从我一直在阅读的内容来看,人们似乎使用 fadeIn/slideIn 动画来实现一次性效果,但是否有可能反转动画,而不是仅仅将显示更改为无,而是滑回?

最佳答案

#modal{bottom: 0; opacity: 1; transition: bottom 400ms, opacity 400ms; }
#modal.hidden{bottom: -300px; opacity: 0}

然后在按钮点击事件中:

$("#modal").addClass("hidden")

关闭事件:

$("#modal").removeClass("hidden")

如果您需要纯 javascript,代码会多一些,但基本上就是这样

关于Javascript - 反转模态动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40305800/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com