[javascript/jquery] 스크롤바 감추기 예제

[javascript/jquery] 스크롤바 감추기 예제

 

 

개발을 진행하던중 레이어를 올렸는데

 

가끔 뒤 쪽에있는 부분은 스크롤이 되는 현상들이 있으실껍니다.

 

저도 그 현상때문에 찾아보다가

 

레이어를 show 시킬때 같이 정지 시켰다가 완료되서 레이어를 hide 할때

 

다시 동작하게 할수 있는 소스가 있어서 공유차 올립니다!!

 

도움들 되시길!!

 

document.documentElement.style.overflow = "hidden"; // firefox, chrome
document.body.scroll = "no"; // ie only

또는

document.documentElement.style.overflowX = "hidden"; // horizontal scrollbar will be hidden
document.documentElement.style.overflowY = "hidden"; // vertical scrollbar will be hidden

 

저는 위에 2가지 중에서

 

아래껄로 앱 화면 전용이라 액션이 일어났을때 Y 축만 중지 시키면되서

 

document.documentElement.style.overflowY = "hidden";

 

실행 후 완료시

 

document.documentElement.style.overflowY = "auto";

 

이렇게 다시 설정해주니 정상동작 했습니다!!

 

 

 

출처 : jo.centis1504.net/?p=443