> 웹 프론트엔드 > CSS 튜토리얼 > 웹사이트에서 가로 스크롤을 완전히 비활성화하는 방법은 무엇입니까?

웹사이트에서 가로 스크롤을 완전히 비활성화하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-11-02 05:22:30
원래의
968명이 탐색했습니다.

How to Completely Disable Horizontal Scrolling on Your Website?

가로 스크롤을 완전히 비활성화하는 방법

웹페이지에서 가로 스크롤 기능을 물리적으로 비활성화하려면 다음 단계를 따르세요.

  1. HTML 태그의 CSS 규칙:

    • 태그에서 max-width를 모두 지정합니다. : 100%;overflow-x: Hidden; 페이지가 브라우저 창의 너비를 초과할 수 없고 가로 스크롤이 비활성화되도록 하는 CSS 규칙입니다.
  2. 완전한 CSS 코드:

    <code class="css">html, body {
        max-width: 100%;
        overflow-x: hidden;
    }</code>
    로그인 후 복사
  3. 구현:

    • 포함 외부 스타일시트에 CSS 코드를 추가하거나