웹페이지의 스크롤바를 강제로 없애는 overflow 소스

팝업을 사용하거나 필요성에 의해 웹페이지의 스크롤바를 없애고자 할때 overflow 속성을 사용하여 스크롤바를 없앨 수 있는데 body 태그 내의 scroll="no" 를 사용하게 되면 IE에서는 정상작동 하지만 Chorme 브라우저에서 해당 속성이 제대로 구현이 안되는 경우가 있기때문에 overflow 속성을 사용하는 것이 좋다

웹페이지의 스크롤바를 없애는 소스

body {overflow-y: hidden; overflow-x: hidden;}

여기서 유의해야 할 점은 x축 스크롤 바를 숨길 경우 화면 축소시에도 스크롤 바가 보이지 않기때문에 필요한 경우에만 사용해야 한다.

만약, 반대로 스크롤 바를 만들고 싶다면 overflow의 x축과 y축에 scroll 을 선언해주게 되면 된다.