想用jquery淡入效果,但想用visibility:hidden最初
Posted
技术标签:
【中文标题】想用jquery淡入效果,但想用visibility:hidden最初【英文标题】:Want to use jquery fade in effects, but want to use visibility:hidden initially 【发布时间】:2013-11-18 00:18:38 【问题描述】:似乎大多数 jquery 淡入/淡出和动画功能都基于具有 display:none 而不是 visibility:hidden 的初始元素。
如果我希望初始元素占用页面上的空间(即使用可见性:隐藏),然后使用淡入/淡出或滑动效果怎么办?有没有简单的方法可以做到这一点?
【问题讨论】:
@StuartKershaw,这个问题在我看来毫无意义。 jquery fade element does not show elements styled 'visibility: hidden'的可能重复 【参考方案1】:当然,从visibility: hidden
开始,然后:
$('.your-element').css('visibility','visible').hide().fadeIn();
借自very similar问题。
【讨论】:
【参考方案2】:您也可以尝试像这样 (Demo) 使用 fadeIn
$('div').css(opacity: 0, visibility: "visible").animate(opacity: 1, 'slow');
【讨论】:
以上是关于想用jquery淡入效果,但想用visibility:hidden最初的主要内容,如果未能解决你的问题,请参考以下文章
jQuery 慢慢淡入 inset boxshadow [重复]