nav 슬라이드 실행 시 발생하는 문제 질문입니다. 채택완료

@keyframes hover {

    0% {

        height: 100px;

    }

    100% {

        height: 500px;

    }

}

 

.h_box_hover {

    width: 100%;

    border: none;

    background-color: rgba(255, 255, 255);

    box-shadow: 0 3px 18px rgb(0 0 0 / 6%);

    position: fixed;

    overflow: hidden;

    animation: hover 0.3s forwards;

    height: 500px;

    z-index: 4;

    top: 0;

    left: 0;

}

$("#hbox").mouseover(function() {

    let width = $(window).width();

    let windowtop = $(window).scrollTop();

 

    if (width > 1024) {

        $(".h_box").attr("class", "h_box_hover");

        $(".h_box_hover").stop().animate({

            height: "500px"

        }, 300)

        $(".mbox").show();

        $("header a").attr("style", "color: #333333")

        $(".m_logo .logo_img").attr("src", "/img/logo_b.png");

        $(".m_bar img").addClass("bar_b");

    }

});