Question

我有一个小问题，即div动画overflowed，动画期间滚动闪烁。

我做了一个快速的例子：

$(".div-animate").on("click", function(e){
    var toTop = 100,
        toHeight = $(this).outerWidth(true) + toTop;

    $(this).animate({
        top: toTop,
        height: toHeight
    });
});

live example

我怎么能阻止这个小小的'滚动闪烁'？

Answer 1

jQuery在使用animate函数时添加了overflow：hidden规则。你可以做两件事：

1）修改jQuery源代码行，将溢出设置为隐藏（只有从站点导入jquery时才能执行此操作）

2）强制你的css中的属性做这样的事情

.div-animate {
     overflow: auto !important;
}

Answer 2

这也可以这样做：

$(this).animate({
        top: toTop,
        height: toHeight
    }).css({"overflow":"auto"});

jquery animate隐藏滚动

2 个答案: