How to solve the problem that the scroll bar slides at the bottom when the banner image of the swiper component is used in the whole screen size carousel?

When the media query screen exceeds the width of the center of the page, (that is, all content can be displayed), do not let it have scroll bars [solved the problem of scroll bars due to the banner image]

@media screen and (min-width: 1200px) {
    body {
        overflow-x:hidden;
    }
}