jquery animate為IE中的div刪除滾動

Question

現在我遇到了這個奇怪的問題，當我在<div>上使用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動畫，其中<div id='main'>

$('#main').animate({
            height: "40%"
          }
          ,"slow");

完成動畫后， <div>標簽不再具有滾動功能。 我對此完全感到困惑，並且想知道是否有人有想法。

（再一次這只發生在IE中）

Answer 1

我猜這可能是IE設置百分比高度（ ref ）的問題。 嘗試將高度更改為像素值並查看是否有效。

另外， #main和.fullscroll是同一個div嗎？

Answer 2

我能夠通過快速解決方法解決這個問題。 動畫完成后，我將overflow屬性添加回元素。

喜歡

$('#main').animate({
       height: "40%"
     },function(){
       $('#main').css('overflow-y','scroll');
     }
);