首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery .animate()强制样式"overflow:hidden“

jQuery .animate()强制样式"overflow:hidden“
EN

Stack Overflow用户
提问于 2010-07-29 21:37:04
回答 5查看 30.1K关注 0票数 71

jQuery的.animate()在触发时会强制样式为overflow: hidden,这会扰乱我的动画元素,因为我有另一个挂起的元素,位置为负值。有什么办法可以避免这种情况吗?

EN

回答 5

Stack Overflow用户

发布于 2013-06-14 17:26:29

这些解决方案中的任何一个都对我有效,但我找到了诀窍:

代码语言:javascript
复制
$(myDiv).animate(
   { height: newHeight},
   { duration: 500, 
     queue: false, 
     easing: 'easeOutExpo', 

     step: function() {
       $(myDiv).css("overflow","visible");
     }
   }
);

在动画的每个步骤中强制使用css。希望能有所帮助。

票数 11
EN

Stack Overflow用户

发布于 2015-04-14 00:03:28

在使用$('element').animate().css('overflow', 'visible');时,如果已经为元素指定了overflow-xoverflow-y,则可能会导致问题。

在这些情况下,使用$('element').animate().css('overflow', '');,它只删除overflow属性,并保持overflow-xoverflow-y不变。

票数 4
EN

Stack Overflow用户

发布于 2013-01-12 07:52:46

你可以通过:

function(e){$('#something').css('overflowY', 'scroll');}

添加到.animate() options参数,作为一个在动画完成时运行的函数,如下所示:

代码语言:javascript
复制
$('#something').animate({
                    width: '100px',
                    height: '100px',
                    overflowY: 'scroll !important' //doesn't work
                }, { duration: 500, queue: false, complete: function(e){$('#something').css('overflowY', 'scroll');} } );
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3363035

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档