javascript - jqueryanimateスクロールを非表示

Question

アニメーション中に少し問題がありdivますoverflowed。アニメーション中にスクロールが点滅します。

私は簡単な例を作りました：

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

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

実例

この小さな「スクロールの点滅」を防ぐにはどうすればよいですか？

Answer 1

jQueryは、animate関数を使用するときにoverflow：hiddenルールを追加します。実行できるハックは2つあります。

1）オーバーフローが非表示に設定されているjQueryソースの行を変更します（これは、サイトからjqueryをインポートする場合にのみ実行できます）

2）cssのプロパティに次のようなことを強制します

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

Answer 2

これもこの方法で実行できます。

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