javascript - jquery animate 删除 IE 中 div 中的滚动

Question

现在，当我使用 jQuery 的 animate() 时，我遇到了这个奇怪的问题。 <div> 上的函数它消除了滚动的能力。我正在用 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 吗？