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