Javascript jquery animate为IE删除div中的滚动
现在我遇到了一个奇怪的问题,当我在Javascript jquery animate为IE删除div中的滚动,javascript,jquery,internet-explorer,Javascript,Jquery,Internet Explorer,现在我遇到了一个奇怪的问题,当我在上使用jQuery的animate()函数时,它会取消滚动的功能。我正在使用animate()调整高度。这个问题只在IE上出现,在Chrome和FF上可以很好地解决 下面是我的div的css类 div.fullscroll{ height: 65%; width: 75%; overflow-x: hidden; overflow-y: scroll; border-top: 1px solid #347235; border-bott
上使用jQuery的animate()
函数时,它会取消滚动的功能。我正在使用animate()
调整高度。这个问题只在IE上出现,在Chrome和FF上可以很好地解决
下面是我的div的css类
div.fullscroll{
height: 65%;
width: 75%;
overflow-x: hidden;
overflow-y: scroll;
border-top: 1px solid #347235;
border-bottom: 2px solid #347235;
border-right: 2px solid #347235;
border-left: 2px solid #347235;
-moz-border-radius-topleft: .1em;
-moz-border-radius-topright: .1em;
-moz-border-radius-bottomright: .2em;
-moz-border-radius-bottomleft: .2em;
border-top-left-radius: .1em;
border-top-right-radius: .1em;
border-bottom-right-radius: .2em;
border-bottom-left-radius: .2em;
background-color: #FFF;
padding: 0px;
margin: 0px auto;
position:relative;
}
这是我的JS Jquery动画,其中
动画制作完成后,
标记不再能够滚动。我完全被这个问题难住了,想知道是否有人有主意
(这同样只发生在IE中)我猜这可能是IE设置百分比高度的问题()。尝试将高度更改为像素值,然后查看是否有效
另外,
#main
和.fullscroll
是同一个div吗?我能够通过快速解决方法解决这个问题。动画完成后,我将溢出属性添加回元素
像
在这种情况下,我总是把我的2美分放进去——在将值设置为0(边距、填充)时,不必使用标注后缀<代码>边距:0很好:)只需节省几个字节:)我尝试将高度更改为像素值,但仍然存在相同的问题。。。
$('#main').animate({
height: "40%"
}
,"slow");
$('#main').animate({
height: "40%"
},function(){
$('#main').css('overflow-y','scroll');
}
);