HTML 페이지에서 스크롤을 제거하는 방법. 스크롤바를 제거하는 방법. VisibleDiv 블록 아래에는 또 다른 블록이 있습니다.

25.02.2019

스크롤을 끄는 방법은 무엇입니까?

스승님의 대답:

스크롤링은 문서나 웹사이트에서 이동해야 할 때 필요하며, 스크롤링의 크기는 화면 크기를 제한하지 않습니다. 수직 스크롤과 수평 스크롤이 있습니다. 스크롤이 비활성화되면 리소스 전체를 볼 수 없게 됩니다.

스크롤은 구성 가능한 설정입니다. 기본 설정은 “마우스”를 사용하여 설정할 수 있으며 모든 애플리케이션에 적용되며 스크롤 방식은 브라우저를 사용하여 설정 및 취소할 수 있습니다. 이러한 설정은 인터넷 서핑 중에도 작동합니다.

인터넷 리소스를 탐색하는 동안 부드러운 스크롤을 비활성화하려면 브라우저를 실행하고 "도구" 메뉴에서 "설정" 섹션을 선택하십시오. 을 위한 인터넷 익스플로러이것이 도구 메뉴와 인터넷 옵션 섹션이 됩니다. 메뉴가 표시되지 않으면 브라우저 창의 상단 또는 하단 패널을 클릭하고 메뉴의 "메뉴 표시줄" 또는 "메뉴 표시줄" 하위 항목을 마커로 표시하세요.

"설정" 창을 연 후 "고급" 탭으로 이동하여 "일반" 하위 섹션을 활성화하세요. "사이트 보기" 그룹을 찾아 "사용"을 선택 취소하세요. 부드러운 스크롤"를 선택한 후 "확인" 버튼을 클릭하세요.

자동 스크롤을 비활성화하려면 "자동 스크롤 사용" 상자를 선택 취소하세요. 인터넷용 탐험가의 길약간 다를 것입니다. 목록을 통해 이동해야 합니다. 사용 가능한 설정, 필요한 항목을 찾을 때까지 스크롤 막대를 사용합니다.

일반적인 스크롤 설정을 구성하기 위해 "시작" 메뉴에서 "제어판"이라고 부르는 "마우스" 구성 요소를 사용합니다. "프린터 및 기타 장비" 카테고리로 이동하여 "마우스" 아이콘을 클릭해 보겠습니다.

"속성: 마우스" 창이 열리면 "휠" 탭으로 이동하여 요구 사항에 따라 스크롤을 구성해야 합니다. "화면" 필드에 설정된 마커는 화면 높이와 동일한 거리에서 모니터 전체에 걸쳐 이미지를 이동합니다.

만약 우리에게 이 매개변수너무 크면 "켜기" 메뉴에서 마커를 설정할 수 있습니다. 지정된 수량라인"을 선택하고 키보드나 화살표 버튼을 사용하여 필요한 값을 입력합니다. 값 "0"은 설정할 수 없습니다. 변경 사항을 적용하고 창을 닫습니다.

웹페이지에서 스크롤바를 제거하기 전에 그것이 정말로 필요한지 생각해 보십시오. 웹페이지 콘텐츠를 스크롤할 수 없기 때문에 당사 사이트 방문자가 정보를 보기가 어렵습니다. 디자인의 즐거움을 선사해야 하거나 독자에게 어려움을 주고 싶은 마음이 있다면 계속해서 사업을 시작해 보세요. 그러나 당신은 경고를 받았습니다!

프레임

디스플레이를 제어하려면 스크롤 바프레임은 스크롤 매개변수를 사용합니다. 두 가지 주요 값을 사용할 수 있습니다. yes - 정보의 양에 관계없이 항상 스크롤 막대를 표시하고, no - 스크롤 막대 표시를 금지합니다(예 1).

프레임

예제에 표시된 대로 MENU라는 이름의 왼쪽 프레임에는 스크롤 막대가 없습니다. 인접한 프레임에서는 스크롤 매개변수를 지정하지 않아도 스크롤바가 기본적으로 설정된 기능으로 표시됩니다.

새 창

새 창에서 스크롤 막대를 제거하려면 SHTML 기능이 충분하지 않습니다. 보편적인 접근 방식에는 다음이 필요합니다. 자바스크립트 언어새로운 창을 개발합니다. 그리고 창을 생성하는 window.open 메소드의 매개변수 중 하나로 scrollbar=0 을 지정할 수 있습니다. 이 속성가로가 없는 창을 만들고 세로 줄무늬스크롤(예 2).

예 2: 스크롤 막대 없이 새 창 만들기

새창

window.open("tips.STML", "TIP", "너비=400, 높이=300, 상태=0, 메뉴바=0, 위치=0, 크기 조정 가능=0, 디렉터리=0, 도구 모음=0, 스크롤바=0 ");

안에 이 예에서는 Tips.html 파일은 400x300픽셀 크기의 새 창에서 열립니다. 다양한 요소스크롤 막대가 없는 경우를 포함한 탐색.

스타일 사용

또 다른 방법은 오버플로 스타일 속성을 사용하는 것입니다. 이 매개변수가 Hidden 값을 가진 태그에 적용되면 웹페이지에 스크롤바가 표시되지 않습니다(예 3).

스크롤바

BODY( 오버플로: 숨김; )

같은 방법으로 스크롤바를 포함하는 웹페이지의 다른 요소(예: 일부 양식 요소)에서 스크롤바를 제거할 수 있습니다.

논평

위의 예는 다음에서 작동하지 않습니다. 인터넷 브라우저탐색기, 이 브라우저에서 스크롤 막대를 숨기려면 !DOCTYPE 을 제거해야 합니다. 하지만 해당 코드는 더 이상 유효하지 않습니다.

브라우저 인터넷 익스플로러또한 지원합니다 오버플로-x 속성및 Overflow-y 를 사용하면 스크롤 막대를 각각 가로 및 세로로 숨길 수 있습니다(예 4).

스크롤바

BODY(overflow-y: 숨김; )

어떤 이유로 화면에 스크롤 막대가 없지만 정보는 있지만 화면에 맞지 않는 상황에 처한 경우 키보드를 사용하여 웹 페이지를 위아래로 "스크롤"할 수 있습니다. 화살표) 또는 마우스. 커서가 웹 페이지의 아무 곳에나 있을 때 마우스 버튼을 누르고, 놓지 않고 아래로 이동합니다. 이는 콘텐츠가 강조 표시되고 동시에 스크롤되는 방식입니다. 그러나 이 방법은 간단히 말해서 그다지 편리하지 않으며 매우 극단적인 경우에만 권장될 수 있습니다.

그렇다고 가정해보자. 너비와 브라우저 간 호환성을 직접 파악할 수 있습니다. 텍스트를 선택하여 오른쪽으로 스크롤할 수도 있습니다.

일반적으로 스크롤을 숨기는 것은 나쁜 생각입니다.

HTML, 본문( 오버플로: 숨김; 높이: 100%; 상자 크기: 테두리 상자; 여백: 0; ) 본문( 오버플로-y: 스크롤; 너비: 계산(100% + 20px); 패딩: 8px; )

안녕하세요. CSS나 자바스크립트 방법을 사용하여 사이트에서 제거하거나 숨길 수 있나요? 수직 스크롤, 하지만 스크롤이 평소대로 작동하도록 하려면? 예를 들어, 본문에 Overflow-y:hidden을 적용할 수 있지만 자연스럽게 스크롤 작동이 중지됩니다.

안녕하세요. CSS 또는 자바스크립트 방법을 사용하여 웹사이트에서 세로 스크롤을 제거하거나 숨길 수 있지만 스크롤은 평소대로 작동합니까? 예를 들어, 본문에 Overflow-y:hidden을 적용할 수 있지만 자연스럽게 스크롤 작동이 중지됩니다.

고정 위치 지정을 사용하는 계산 없는 옵션입니다. 문제를 해결합니다. 가로 스크롤선택 시.

HTML( 오버플로: 숨김; ) 본문( 위치: 고정; 왼쪽: 0; 위쪽: 0; 오른쪽: -30px; 아래쪽: 0; 패딩: 8px; 오버플로-y: 스크롤; )

크롬의 또 다른 옵션:

::-webkit-스크롤바(너비: 0; )

지침

스크롤은 구성 가능한 옵션입니다. 기본 설정은 Mouse 컴포넌트를 통해 설정되며, 모든 애플리케이션에 적용되며, 스크롤 방식은 브라우저를 사용하여 설정 및 취소할 수 있습니다. 최신 설정인터넷 작업 시 적용됩니다.

인터넷 검색 시 부드러운 스크롤을 비활성화하려면 브라우저를 실행하고 "도구" 메뉴에서 "설정"을 선택하십시오. Internet Explorer의 경우 – 메뉴 “도구”, 항목 “인터넷 옵션”. 메뉴가 표시되지 않으면 브라우저 창의 상단 또는 하단 바를 클릭하고 컨텍스트 메뉴에서 “메뉴 바” 또는 “메뉴 바” 항목을 선택하세요.

"설정" 창이 열리면 "고급" 탭으로 이동하여 "일반" 섹션을 활성화하세요. "사이트 검색" 그룹에서 "부드러운 스크롤 사용" 필드를 선택 취소하고 확인 버튼을 클릭하세요.

자동 스크롤을 비활성화하려면 "자동 스크롤 사용" 상자를 선택 취소하세요. Internet Explorer의 경우 - 찾을 때까지 스크롤 막대를 사용하여 사용 가능한 설정 목록을 이동합니다. 필요한 포인트.

설정용 일반 매개변수스크롤하여 마우스 구성 요소에 액세스합니다. 이렇게하려면 "시작"메뉴를 통해 "제어판"을 호출하십시오. '프린터 및 기타 장비' 카테고리에서 '마우스' 아이콘을 클릭하세요.

열리는 "마우스 속성" 창에서 "휠" 탭으로 이동하여 요구 사항에 따라 스크롤을 구성합니다. "화면" 필드에 설정된 마커는 화면 높이와 동일한 거리만큼 모니터의 이미지를 이동합니다.

이 설정이 너무 큰 경우 "지정된 행 수에 대해" 필드를 확인하고 키보드 또는 화살표 버튼을 사용하여 원하는 값을 입력하십시오. "0" 값은 설정할 수 없습니다. 새로운 설정을 적용하고 창을 닫습니다.

출처:

부드러운 수직 스크롤

인터넷에서 페이지를 보려면 부드러운 스크롤 옵션이 있습니다. 이를 통해 페이지를 보다 부드럽고 고르게 위아래로 이동할 수 있습니다. 일부 브라우저에는 이 옵션이 내장되어 있습니다(예: 브라우저에 모질라 파이어 폭스), 다른 경우에는 적절한 유틸리티를 설치해야 합니다. 이 옵션이 필요하지 않은 경우 부드러운 스크롤을 비활성화하면 됩니다.

지침

일반적인 방법으로 브라우저를 실행하고 상단 메뉴 표시줄에서 "도구"를 선택합니다. 메뉴를 찾을 수 없다면 브라우저 창이 전체 화면 모드로 표시되고 있는 것입니다. 마우스 커서를 화면 상단 가장자리로 이동하고 패널이 나타날 때까지 기다린 후 클릭하세요. 마우스 오른쪽 버튼으로 클릭마우스, 드롭다운 메뉴에서 "종료" 줄 반대편에 마커를 놓습니다. 전체 화면으로보기» 또는 F11을 누르세요. 그래도 도움이 되지 않으면 패널을 마우스 오른쪽 버튼으로 클릭하고 "메뉴 모음" 줄에 마커가 표시되어 있는지 확인하세요.

도구 메뉴에서 설정을 선택합니다. 열리는 창에서 "고급"탭으로 이동하여 "일반"탭을 활성화하십시오. "사이트 검색" 섹션에서 "부드러운 사용" 선 반대편에 있는 필드에서 마커를 제거합니다. 확인 버튼을 클릭하여 선택 사항을 확인하고 설정 창을 닫습니다. 새 설정은 즉시 적용되며 브라우저를 다시 시작할 필요가 없습니다.

설치하기 위해서 필요 수량컴퓨터에서 열린 문서가 이동될 줄은 마우스 설정을 사용하십시오. 이렇게하려면 "시작"메뉴를 통해 "제어판"으로 이동하십시오. "프린터 및 기타 장비" 섹션을 선택하고 마우스 왼쪽 버튼으로 "마우스" 아이콘을 클릭합니다. 클래식 제어판 보기에서 마우스 아이콘을 즉시 선택하십시오.

열리는 대화 상자에서 "휠" 탭으로 이동합니다. "스크롤" 섹션에서 "지정된 줄 수에 대해" 또는 "한 화면에 대해" 중에서 적합한 필드에 마커를 설정합니다. 첫 번째 방법을 선택한 경우 화살표 버튼을 사용하여 원하는 줄 수를 설정하거나 키보드에서 값을 입력합니다. "적용" 버튼을 클릭하고 확인 버튼 또는 오른쪽의 X 아이콘을 클릭하여 창을 닫습니다. 상단 모서리창문.

주제에 관한 비디오

스크롤 막대는 응용 프로그램 창, 주로 문서 페이지에 표시되는 콘텐츠의 위치를 변경하도록 설계되었습니다. 기본적으로 창의 너비나 높이가 표시하기에 충분하지 않은 경우 자동으로 나타납니다. 페이지 열기충분히. 따라서 가로 스크롤 막대를 제거하려면 열려 있는 페이지나 응용 프로그램 창의 너비를 변경해야 합니다.

지침

페이지 표시 축소 - 페이지를 볼 때 가로 스크롤 막대를 제거하는 가장 쉬운 방법입니다. 모든 브라우저에서 마우스 휠을 누른 상태에서 사용자 쪽으로 굴리면 됩니다. Ctrl 키. 많은 것에서 텍스트 편집기(예를 들어, 마이크로 소프트 워드) 페이지 크기 조정 제어도 지원됩니다. 브라우저에서는 마우스 대신 마이너스 키를 사용할 수 있습니다. 휠을 한 단계씩 클릭하거나 돌릴 때마다 수평 크기가 수평 스크롤 막대 없이 페이지를 표시할 수 있을 만큼 커질 때까지 10%씩 축소됩니다.

브라우저의 기능을 사용하여 방해하십시오. 원천웹 페이지에 지정된 표시 스타일을 창 너비에 맞게 변경합니다. 일부 웹 브라우저에는 이 옵션이 있습니다. 예를 들어, 오페라 브라우저이렇게 하려면 "폭에 맞춤" 아이콘을 클릭하고 가로 줄무늬스크롤 막대가 사라지고 보고 있는 페이지의 열 크기가 변경됩니다. 작성자가 지정한 페이지 레이아웃으로 돌아가려면 이 아이콘을 다시 클릭하세요.

웹 페이지를 만들 때 Overflow-x 속성을 사용하세요. CSS 언어전체 페이지 또는 개별 페이지의 가로 레이아웃을 강제로 비활성화하려면 블록 요소. 이 속성은 CSS 버전 3.0부터 도입되었으며 모든 CSS에서 지원됩니다. 최신 브라우저. 할당할 수 있는 값: 자동, 숨김, 스크롤, 표시. 스타일 설명에 이 속성이 지정되지 않으면 자동 값을 갖는 것으로 간주됩니다. 즉, 콘텐츠가 요소 너비에 맞지 않으면 가로가 나타나야 합니다. 모든 경우에 스크롤을 방지하려면 숨겨진 값을 사용하십시오. 예를 들어:
본문(overflow-x: 숨김;)

운영 환경에서 페이지 스크롤 윈도우 시스템마우스 설정과 스크롤바 표시 옵션이라는 두 가지 사항에 따라 달라집니다. 스크롤을 변경하려면 위의 두 지점을 조정해야 합니다.

지침

시작 버튼 메뉴로 들어갑니다. "제어판"을 선택하십시오. 당신 앞에 창이 나타날 것입니다. 페이지를 변경하려면 “마우스” 아이콘을 선택하고 왼쪽 버튼으로 두 번 클릭하세요. 색인 옵션 탭으로 이동합니다.

최적이라고 생각되는 속도로 커서 속도를 조정하십시오. "적용" 버튼을 클릭하세요. 그런 다음 동일한 창의 “마우스 버튼” 탭으로 이동합니다. 더블클릭 속도를 제어하는 슬라이더를 찾으세요.

원하는 위치에 배치하세요. 눈금에서 슬라이더를 선택한 위치에 따라 두 번 클릭에 대한 반응이 더 빨라지거나 느려집니다. 변경 사항을 적용하고 "스크롤" 탭으로 이동합니다. 똑같은 방법으로 마우스 스크롤러의 회전 속도를 조정하고 변경 사항을 적용합니다.

그런 다음 "표시기"탭으로 이동하십시오. 당신은 여러 가지를 제공받을 것입니다 표준 회로. 가장 적합한 것을 선택하거나 직접 만들어서 변경 사항을 적용하고 확인을 클릭하세요. 그런 다음 제어판 창으로 돌아가서 페이지 스크롤을 계속 변경하세요.

제어판 창에서 스트라이프 설정 항목을 찾으세요. 윈도우 스크롤" 일반적으로 개인 데이터에 있습니다. 필요에 맞게 스크롤바 설정을 조정하고 변경 사항을 적용합니다.

스크롤 막대 필드를 마우스 오른쪽 버튼으로 클릭하여 상황에 맞는 메뉴. 여기에서 "미니 애플리케이션 추가"를 선택하십시오. 스크롤을 변경할 수 있는 여러 위젯이 나타납니다.

필요한 것을 선택하고 나머지는 닫습니다. 이렇게 하려면 마우스 오른쪽 버튼을 클릭하세요. 불필요한 적용을 클릭하고 “닫기”를 선택하세요. 스크롤 속도를 변경하려면 스크롤러를 사용하십시오. 한 번 클릭하고 마우스를 움직여 보세요. 스크롤 막대가 이동하는 속도는 이동 속도에 따라 직접적으로 달라집니다.

문서와 인터넷 페이지의 정보가 항상 화면에 완전히 표시되지는 않습니다. 텍스트의 다음 부분을 보려면 페이지를 아래로 스크롤해야 합니다. 스크롤 효과는 다양할 수 있으며 사용자가 맞춤 설정할 수 있습니다. 특히, 원활한 스크롤을 위해서는 여러 가지 작업을 수행해야 합니다.

지침

평소대로 브라우저를 실행하세요. 다음에서 명령을 호출해야 합니다. 윗줄브라우저 메뉴. 메뉴 표시줄이 표시되지 않으면 비활성화된 것입니다. 브라우저 패널을 마우스 오른쪽 버튼으로 클릭하고 드롭다운 메뉴에서 첫 번째 줄 "메뉴 모음" 반대편에 마커를 배치합니다.

"도구" 섹션에서 "설정"을 마우스 왼쪽 버튼으로 클릭하여 선택하면 대화 상자가 열립니다. 열리는 창에서 "고급"탭으로 이동하십시오. 하위 섹션에서 '일반' 탭을 찾으세요. 이 탭의 "사이트 탐색" 섹션에서 "부드러운 스크롤 사용" 줄 반대쪽 필드에 확인 표시를 하세요. 새 설정을 적용하려면 확인을 클릭하세요.

장애를 입히다 이 옵션동일한 방식으로 수행할 수 있습니다. 위 필드에서 마커를 제거하고 새 설정을 확인하기만 하면 됩니다. 대부분의 사용자는 마우스 휠을 사용하여 스크롤합니다. 일반적으로 마우스 휠 작동을 담당하는 설정은 “속성: 마우스” 창에서 확인할 수 있습니다.

마우스 속성 창을 열려면 시작 메뉴를 통해 제어판으로 이동하세요. "프린터 및 기타 장비" 카테고리에서 "마우스" 아이콘을 마우스 왼쪽 버튼으로 클릭하세요. 제어판에 있는 경우 클래식한 모습, 즉시 마우스 아이콘을 클릭하면 원하는 창이 열립니다.

휠 탭으로 이동합니다. 여기서 마우스 휠을 사용할 때 페이지가 스크롤되는 줄 수를 설정할 수 있습니다. 이렇게 하려면 "스크롤" 섹션에서 화살표 버튼을 사용하여 필요한 줄 수를 지정하거나 키보드에서 값을 입력하십시오. 텍스트를 한 줄씩 볼 필요가 없다면 "한 화면에" 줄 반대편에 마커를 배치하세요. "적용" 버튼을 클릭하고 속성 창을 닫습니다.

페이지 번호 매기기는 문서를 더 잘 탐색하고 내용을 구성하는 데 도움이 됩니다. 대부분 독립적으로 입력되지만 Microsoft Word에서 수행하는 경우도 있습니다. 이 기능자동으로. 이러한 경우 번호 매기기를 비활성화하는 방법에 대해 완전히 합리적인 질문이 발생합니다.

필요할 것이예요

- 컴퓨터;
- 마이크로소프트 프로그램단어.

지침

문서에서 페이지 번호를 찾으세요. 숫자는 사용자가 지정한 설정에 따라 페이지 하단이나 상단에 표시될 수 있습니다.

그걸 클릭해서 선택하세요 더블 클릭마우스 왼쪽 버튼. 이러한 작업의 결과로 문서 텍스트와 점선으로 구분된 필드가 숫자 주위에 나타납니다. 이것이 바닥글이 됩니다.

도구 모음에 나타나는 "디자이너" 탭을 클릭하고 "머리글 및 바닥글" 메뉴 항목을 클릭합니다. 번호가 페이지의 어느 부분에 있는지에 따라 바닥글은 바닥글 또는 머리글이 됩니다.

드롭다운 메뉴에서 '머리글 및 바닥글 삭제' 섹션을 선택합니다. 이 작업을 완료하면 페이지 번호 매기기와 함께 머리글과 바닥글이 문서 전체에서 삭제됩니다.

다른 방법을 시도해 보세요. 머리글 및 바닥글 필드를 표시하려면 숫자를 두 번 클릭합니다. 그런 다음 페이지 번호를 다시 두 번 클릭하세요. 주위에 파란색 사각형이 형성되어야 합니다. 그런 다음 키보드의 삭제 키를 누르면 번호 매기기가 사라집니다.

첫 번째 페이지에 번호를 입력할 필요가 없지만 전체 문서에 번호를 매길 때 이를 고려해야 하는 경우가 많습니다. 해결하다 이 문제, 위에서 설명한 방법을 사용하여 첫 번째 시트의 머리글과 바닥글을 선택합니다. "디자이너" 탭으로 이동하여 "페이지 번호" / "페이지 번호 형식" 섹션을 선택합니다.

나타나는 창에서 "다음으로 시작..." 텍스트 옆에 있는 상자를 선택하고 두 번째 페이지가 시작될 번호를 선택합니다. 일반적으로 숫자 2입니다. 그런 다음 "확인"을 클릭합니다.

'디자인' 탭으로 돌아가서 '첫 페이지에 대한 특별 바닥글' 옆의 확인란을 선택하세요. 이후에는 기본적으로 이 바닥글이 비어 있게 됩니다. 문서의 텍스트를 두 번 클릭하면 첫 번째 페이지의 번호가 입력되지 않고 문서의 전체 번호가 두 번째부터 시작되는 것을 볼 수 있습니다.

팁 7: 마더보드에서 감마 컨트롤을 비활성화하는 방법 인텔 보드

많은 마더보드, 지원 인텔 프로세서, 회사에서 만든 통합 그래픽 카드도 포함됩니다. 설치시 인텔 드라이버통합 비디오 어댑터도 자동으로 설치됩니다. 인텔 그래픽제어판에 미디어가 표시됩니다. 이 유틸리티감마, 밝기 및 기타 컨트롤이 포함됩니다. 응용 프로그램은 상당한 프로세서 및 메모리 리소스를 사용하지만 비디오 어댑터가 작동하는 데 반드시 필요한 것은 아닙니다. 다음과 같은 경우에 실행되는 제어판을 비활성화합니다. Windows 열기다른 애플리케이션에서 사용할 수 있도록 상당한 리소스를 확보할 수 있습니다.

지침

"Ctrl-Alt-Delete" 키 조합을 누르세요. 나타나는 창에서 "작업 관리자"를 선택하십시오. 활성화되지 않은 경우 "프로세스" 탭을 클릭합니다.

아래로 스크롤하여 항목을 강조 표시합니다. 배경"프로세스" 섹션 "Igfxpsers.exe"에 있습니다. Intel Graphics Control Panel을 중지하고 응용 프로그램을 닫으려면 작업 끝내기 버튼을 클릭하십시오.

"작업 관리자" 창의 탭에서 "시작" 버튼을 클릭합니다.

"인텔 그래픽 미디어 제어판"을 선택합니다. "연결 끊기"를 클릭하세요.

작업 관리자 창을 닫습니다. 컴퓨터를 다시 시작하십시오.

주제에 관한 비디오

스크롤 막대는 거의 모든 인터넷 사이트의 표준으로, 페이지를 아래로 또는 위로 스크롤하여 페이지에 게시된 정보를 더 쉽게 익힐 수 있습니다. 어떤 경우에는 사이트 디자인 시 개발자가 스크롤 막대가 페이지 디자인이나 배치되는 콘텐츠 유형에 맞지 않기 때문에 페이지에서 스크롤 막대를 제거해야 합니다. 독자와 페이지 방문자에게 불편함을 주지 않도록 꼭 필요한 경우에만 사이트에서 스크롤 막대를 제거하십시오.

그렇다고 가정해보자. 너비와 브라우저 간 호환성을 직접 파악할 수 있습니다. 텍스트를 선택하여 오른쪽으로 스크롤할 수도 있습니다.

일반적으로 스크롤을 숨기는 것은 나쁜 생각입니다.

HTML, 본문( 오버플로: 숨김; 높이: 100%; 상자 크기: 테두리 상자; 여백: 0; ) 본문( 오버플로-y: 스크롤; 너비: 계산(100% + 20px); 패딩: 8px; )

고정 위치 지정을 사용하는 계산 없는 옵션입니다. 선택 시 가로 스크롤 문제를 해결합니다.

HTML( 오버플로: 숨김; ) 본문( 위치: 고정; 왼쪽: 0; 위쪽: 0; 오른쪽: -30px; 아래쪽: 0; 패딩: 8px; 오버플로-y: 스크롤; )

크롬의 또 다른 옵션:

::-webkit-스크롤바(너비: 0; )

HTML 페이지에서 스크롤을 제거하는 방법. 스크롤바를 제거하는 방법. VisibleDiv 블록 아래에는 또 다른 블록이 있습니다.

오타 신고

편집자에게 전송될 텍스트:

귀하의 의견(선택사항):