가로 스크롤 막대 제거 완료

웹 페이지에서 가로 스크롤 막대를 완전히 없애는 방법이 있습니까?가로 스크롤 막대 제거 완료

명령 "overflow-x : hidden;" on body/html은 비주얼 스타일을 숨 깁니다. 그러나 키패드의 화살표를 사용하면 기능성이 실제로 남아 있습니다 ...

2011-10-10 donpedroper

스크롤바를 제거하는 방법은 묻습니다. overflow: hidden 가야할 길입니다.

스크롤을 피하는 방법에 대해 궁금한 점이 있다면 동적 인 유창한 디자인과 미디어 쿼리를 조합하여 콘텐츠의 너비와 높이를 유지할 수있는 오버플로가없는 웹 페이지를 디자인하는 것이 가장 좋습니다.

하지만 실제로 반대하는 것이 좋습니다. 방문자가 가질 창의 크기를 미리 알 수있는 방법은 없습니다. 대형 화면과 작은 화면에서 유용성의 차이를 생각해 봤습니까? 모바일 브라우저는 어떻습니까?

당신이 정말로 결코 스크롤, 당신은 비열한 악마의 속임수로 다음과 같은 CSS를 사용할 수 있도록하지에 고정되어있는 경우 : ...

body { 
    position: fixed; 
    left: 0px; 
    top: 0px; 
}

하지만 말했듯이, 나는 그것을 권하고 싶지 않다 또한, 오래된 브라우저에서는 작동하지 않을 것입니다. IE6가 떠오른다. 어쩌면 IE7도 ...

출처

2011-10-10 12:33:00

아직 어떻게해야할지 모르겠지만 도전적으로 도전적으로 최우선 순위가 있습니다;) 스크롤 막대를 사용하여 문제의 예를 만들려고했습니다 (http://imageshack.us/f/254/examplea). .jpg /) .. 아주 작은 브라우저 창을 가지고 스크롤을 시작하면, 다른 이유 때문에 필요한 고정 위치로 인해 상단 바가 그대로 유지되고 콘텐츠는 이동합니다 .. 그래서 내가 스크롤바 함수를 제거하지만, 유용성 때문에 더 좋은 방법으로 고쳐야한다는 것에 동의합니다. :) – donpedroper

스크롤 할 수있는 기능을 비활성화 할 수 없으며, 시각적 도우미 (예 : 스크롤바) 만 비활성화 할 수 있습니다. 스크롤을 원하지 않으면 페이지 너비를 브라우저 창의 뷰포트 너비보다 작게 유지해야합니다. 뷰포트 크기를 기준으로 요소를 흐르게하고 크기를 조정하면됩니다.

출처

2011-10-10 12:33:44

슬프게도 비 CSS 방식으로 다음을 수정할 수 있습니다. onscroll을 사용하여 JavaScript로 스크롤하는 것을 방지해야합니다. 하지만 일을 preventDefault()을 기대하지 마십시오 - 당신은 더 창조적 일 필요 :

사용 scrollTo(0,0)
또는
- 모든 마우스 휠 입력을 방지하는 모든 화살표/페이지 키 입력을 방지

다른 질문에 대한 답변을 확인하십시오. : How to disable scrolling temporarily?.

출처

2011-10-10 12:36:45

가로 스크롤 막대 제거 완료

답변

관련 문제