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

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

Linda Hamilton
Linda Hamilton원래의
2024-11-02 05:22:30874검색

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 코드를 추가하거나