javascript - 我的代码的平滑效果

Question

我有这个代码:

$(window).scroll(function () {
    if( $(window).width() < 924) {
    if ($(window).scrollTop() >= 100) {
        $('#normal_menu').css({
            height: '50px'
        })

        $('#logo img').css({
            height: '50px',
            width: '50px',
            top: '0',
            left: '15px' 
        });


    } else {
        $('#normal_menu').css({
            height: '120px'
        })

        $('#logo img').css({
            height: '80px',
            width: '80px',
            top: '20px',
            left: '0px' 
        });
    }
    }
});

它工作正常。但现在我希望它顺利(轻松)。如何编辑此代码以使其顺利进行？

Answer 1

您应该将 transition 属性添加到所需的元素:

#normal_menu,#logo img {
  transition: all .5s ease-in-out;
}