body : overflow-x - 여전히 트랙 패드로 스크롤 할 수 있습니다.

div가 position: absolute으로 설정되어 있고 브라우저 창보다 약간 넓습니다. 나는 수평 스크롤 바를 성공적으로 숨겼지만, 여전히 맥북 트랙 패드로 스크롤 할 수있다.body : overflow-x - 여전히 트랙 패드로 스크롤 할 수 있습니다.

이 문제를 피하는 방법이 있습니까?

<div id="container"> 
    <div id="big-image"></div> 
</div><!-- #container --> 

#container { 
    overflow-x: hidden; 
} 

#big-image { 
    background: transparent url('/path/to/image.png') no-repeat center top; 
    position: absolute; 
    width: 1307px; 
    left: 50%; 
    margin: 0 0 0 -653.5px; 
    z-index: 4; 
}

출처

2012-04-13 Yes Barry

#container의 높이를 제한하지 않는 경우 overflow-x는 스크롤 막대를 제거하지만 스크롤 할 수 있다는 점에서 이상합니다.

body { 
    overflow-x: hidden; 
} 

#container { 
    overflow: hidden; 
    width: 100%; 
}

출처

2012-04-13 22:46:11

이 방법은 성공했지만 _content area_가 가로 스크롤 막대를 표시 할 수있을만큼 창 크기가 작 으면 약간의 문제가 있습니다. 즉, 스크롤 할 수 있지만 사용중인 이미지가 잘리고 이미지가 있어야하는 곳의 흰색입니다 .. 그래도 고마워! 지금은 JS로 해결했지만 순수한 CSS로 처리 할 수 있습니까? –

콘텐츠 영역에서 무엇을 참조하는지 잘 모르겠습니다. S 해당 속성의 오버플로 속성도 숨김으로 설정 했습니까? –

나는 당신의 질문에 결코 응답하지 않는다는 것을 깨달았다. 나는 그 당시에 내가 무엇을하고 있었는지 기억하지 못한다. 그러나 나는 내가 설명 할 수 있다고 생각한다. 기술적으로 나는 이것을 완전히 이해하지 못했고, 여전히 나의 JS 해결 방법을 가지고있다. –

당신은 아마 #big-image에 position: fixed;를 사용할 수 있습니다.

출처

2012-04-13 22:21:42

사용자는 여전히 _down_ 스크롤 할 필요가 예, 그리고'위치 : fixed'도 스크롤 한 후 상단에 심어 사업부를 유지합니다. 하지만 어쨌든 고마워. –

귀하의 요구 사항을 모르는 경우에는 도움을주기가 어렵습니다. –

죄송합니다. 귀하의 의사를 고맙게 생각합니다. :) –

body : overflow-x - 여전히 트랙 패드로 스크롤 할 수 있습니다.

답변

관련 문제