Javascript和缩小div部分

Question

我的.ASPX表单上有一个div部分。该部分只包含一大堆链接（标准

document.getElementById('Side1').style.display = 'none';

这很好但是对我想要的东西有点突然，所以我在下面编写了一个小例程（从互联网上得到一点帮助）但是虽然DIV de缩小了，下面的内容向上滚动..链接在div部分不会移动，直到div部分变得不可见....有没有办法解决这个问题，或者我是否想要这一切都是错的（ps我的javascript是垃圾）

 var originalSize =0;
    var i = 0;
    var ts;
    function shrink() {
        if (i != 28) {
            document.getElementById('Side1').style.height = parseInt(document.getElementById('Side1').style.height) - 5 + 'px';
            i++;
            ts = setTimeout("shrink()", 10);
        }
        else {
            document.getElementById('Side1').style.display = 'none';
            i = 0;
            clearTimeout(ts);
        }
    }

Answer 1

您可能只需将其添加到CSS中：

#Side1 { overflow: hidden; }