웹페이지 제작중인데 vscode로 페이지 열었을때 어느정도 시간이 지나면 스크롤이 아래 사진과 같이 투명해지고 스크롤을 끌어올리면 이미지 및 글자들이 딸려올라가는?? 현상이 있습니다
스크롤 커스텀한적없구 body에는 overflow-x:hidden 를 준 상황인데 왜 이러는건가요??
인터넷창을 껐다가 다시 vscode로 키면 원래대로 돌아오긴 합니다.
또 이렇게 됐을때 브라우저 검사를 해보니 브라우저 width값이 1920px로 바뀌어있어요
스크롤 멀쩡할때는 브라우저 width값이 1903px로 있습니다.
왜 이런 현상이 일어나는지 아시는분 답변부탁드릴게요...
답변 2개 / 댓글 4개
관련 소스코드나 에러메세지를 올려주시면 답변을 받기가 쉬우실 것 같습니다
답변에 대한 댓글 3개
1903px과 1920px의 차이인 17px은 브라우저내의 스크롤 너비입니다.
즉 스크롤이 있는경우 1903px, 스크롤이 없어지는 경우 1920px이 되는것이며,
스크롤이 없어지는 경우는 스크롤의 부모요소에게 overflow hidden;을 주었거나, 자식요소의 너비나 높이가 부모보다 작을 경우 생깁니다.
vscode로 다시 켰다는게 어떤 상황인지는 모르겠으나, 해당 현상이 나타났다 사라졌다 하는 현상이시면 개발자도구로
이벤트가 일어났을때 어떻게 스타일이 변하고있는지 확인해보셔야할것같습니다.
답변을 작성하려면 로그인이 필요합니다.