为什么更改Bootstrap Twitter模式fade.in类顶级百分比会动态禁用转换？

Question

我目前有一个Twitter Bootstrap模式，我正在尝试将top百分比更改为，因为内容很长。当我动态更改top百分比时，不再发生向淡入淡出过渡的过渡。我错过了任何代码来实现这项工作吗？谢谢！

动态更改模式距页面顶部的距离的代码：

$('test_modal.fade.in').css('top', '36%');

HTML：

<a data-toggle="modal" data-target="#test_modal" data-keyboard="true" href="">Open Test Modal</a>
<div id="test_modal" class="modal fade hide in">
  <div id='modal-body'>test content</div>
</div>

不通过正常的bootstrap twitter css覆盖动态地执行此操作。通过向后转换来存在模态：

#test_modal.fade.in {
  top:36%;
}