javascript - div的灵活高度？

Question

我有一个容器 div，它的高度需要灵活，因为当用户点击按钮时，div 中的内容会发生变化。

<div id="container">
        <div id="divBuyNow">
            <button id="btnBuyNow">
                Buy Now</button>
        </div>
</div>

$("#btnBuyNow").click(function () {

                $("#divBuyNow").animate({
                    opacity: 0,
                    marginRight: '200px'
                }, 1000, function () {
                    $("#divBuyNow").hide();
                });


                $("#platformsContainer").animate({
                    opacity: 1,
                    marginRight: '170px'
                }, 2000);
            });

Answer 1

我的理解是您想根据内容将 platformContainer 设置为高度动画。如果是，将overflow:hidden设置为container，并用opacity:0修改容器内的innerDiv内容。当你想展示的时候，获取innerDiv的高度和动画容器div到height + margins等偏移。