CSS HTML5/퍼블리싱 팁

스크롤바 없애기

웹디자이너 Kang Ji Yeon 2016. 11. 9. 20:22
반응형


iframe으로 광고 페이지를 삽입할 때  스크롤바 없애기

<iframe id="xxx" src="zzz" width="100" height="200" scrolling="0" frameborder="0" vspace="0" hspace="0"></iframe>

IE 8.0 에서는 위처럼 하더라도 iframe src 페이지 내용이 100*200을 넘어 버리면 스크롤이 생겨버립니다.

해결 방법은 src 페이지의 body style을 변경 해야합니다. 

<body style="overflow-x:hidden; overflow-y:hidden;">


[옵션 설명]

- hidden : 스크롤 없애기

- auto : 내용이 지정된 사이즈 이상일때 자동으로 스크롤 생성

- visible : 사이즈에 관계 없이 내용 모두 보여준다

- scroll : 시작부터 스크롤바 생김 

반응형