2014-06-18 2 views
1

텍스트가 매우 길기 때문에 내 주 CSS에는 텍스트 상자에 세로 스크롤 막대가 포함되었습니다. 그것은 작동하고 멋지다 ...반응 형 미디어 쿼리에서 스크롤 막대 제거

overflow: -moz-scrollbars-vertical; 
overflow-y: scroll; 

... 내 미디어 쿼리에 도달했습니다.

당신에 대해 잘 모르겠지만 스마트 폰에서 스크롤바를 사용하는 것은 PITA입니다. 스크롤바가 사라지는 것뿐만 아니라 스크롤바없이 표시 할 텍스트 전체가 필요합니다. "overflow"및 "overflow-y"에 대한 모든 CSS 옵션을 사용해 보았습니다.

나는 모든 HTML과 CSS 옵션을 다 써 버렸다고 확신한다. 시도할만한 것이 있는가?

+0

룩을 원하는 경우

우리에게 코드를 표시 : ([HTML 페이지에서 스크롤을 숨기기] http://stackoverflow.com/questions/3296644/hiding-the- scrollbar-on-an-html-page) – Austin

+0

먼저 모바일로 이동하여 미디어 쿼리에 오버플로 메서드 만 적용하십시오. 가능하다면 몸에 스크롤바가있는 것을 망설이지 만, 필요성을 없애기 위해 다시 디자인 할 수 있습니까? – Ruskin

답변

0
overflow: visible 

기본값이지만 모바일이 아닌 모바일 기본값에 대한 미디어 쿼리의 스크롤 정의 만 정의하는 것이 좋습니다. 당신이이 솔루션에보다 깊이있는 비판

관련 문제