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