작업실

ASR테마에서 가로 스크롤 안보이게 하는 방법

우성군 6 5308 0


특정 해상도에서 가로 스크롤이 생겨 보기 좋지 않은데요.


임시적으로 가로 스크롤을 안보이게 할 수 있습니다.


/테마루트/colorset/Basic/colorset.css


위 파일의 최상단에


html {overflow-x:hidden}


위 내용을 넣으면 됩니다.



아쉽게도 스크롤은 됩니다만 브라우저 상에선 스크롤이 보이지 않습니다.

, , ,

6 Comments
우성군 2014.09.30 01:27  
APMS에서도 정상 작동하네요 ^^
테베 2014.10.01 09:06  
뉴베이직 테마는 기본적으로 반응형이라 가로스크롤이 안생길텐데 컨테이너 안쪽에 있는 요소중에 가로사이즈를 px로 지정하셨나요??
반응형 쓸때는 %로 지정하는 편이 좋거든요.
html에 가로스크롤 차단하면 안보이기는 한데 나중에 필요하신 경우에도 안보일 수 있거든요.(오브젝트나 스크롤div)
우성군 2014.10.01 09:17  
제가 설명을 너무 축약해버렸네요. ㅎㅎ

자세한 사항은

http://amina.co.kr/bbs/board.php?bo_table=feedback&wr_id=108

위 링크에 있습니다.

브라우저를 천천히 줄이면 스크롤이 생깁니다.

이건 제 홈페이지만의 문제가 아니라

아미나 new-basic테마로 만들어진 모든 홈페이지와

심지어 APMS도 그런 식으로 스크롤이 생깁니다.

좀 더 연구를 해봐야될 것 같습니다
테베 2014.10.01 10:31  
아 그런문제가 있었군요 그건 브라우저 가로폭에 따른 가로 조건을 잘못 넣은듯 한데 저도 한번 찾아봐야 겠습니다.
테베 2014.10.01 11:03  
일단 테베넷에서 실험해보니 다음정도만 수정해 주면 되더라구요.
컬러셋.css
/* Responsive */
아래 부분이 상황별(브라우저 가로폭별) 스타일 시트인데요
@media all and (max-width:1199px) and (min-width:992px) {
.boxed.wrapper { margin: auto; width: 100%; }
/*1000px에서 100%로 변경*/
}
@media all and (max-width:991px) and (min-width:768px) {}
@media all and (max-width:767px) {}
@media all and (max-width:460px) {}
위의 3가지 안에 동일하게
#hd_pop {max-width:100%;}
을 삽입해 줍니다. (그누보드 팝업창 기능인데 가로폭이 970px으로 되어 있는데 가로폭이 작은 환경에서는 100%까지만 가로폭을 유지하게 해 줍니다.)


구글에드센스 없는 페이지에서 실험하세요 구글광고 반응형은 가로폭 변경하면서 실험할때에는 바로 동작하지 않을 수 있습니다.
우성군 2014.10.01 14:56  
헉 그렇군요!! 저녁에 시도해볼게요.

고맙습니다 ㅎㅎ