safari, chrome 100vh 문제...

Updated on 2020-05-11

safari와 chrome 에서 100vh를 사용할 경우에는 문제가 생긴다.
일단, 스크롤바를 내려도 하단 메뉴가 사라지지 않는다. (검색 바 부분은 안줄어든다)

그러면서, 맨 아래로 내려보면, 해당 창보다 더 큰 값이 주어져있어서, 스크롤에 문제가 발생하는데..

이 문제를 해결하기 위한 방법으로

가 나왔다..

엄청 핫하긴 한데.. 이 내용을 찾아보니..

예전에 누가 작성했기도 했던것 같다..
어찌되었든, 해당 값을 넣어주게되면… 일단. 화면 높이 값에 대해서는 문제없이 스크롤이 잘 내려간다. 끊기는, 초과되는 그런 현상은 나타나지 않음.

하지만… 역시 사파리, 크롬에서 하단 메뉴가 사라지지 않고, 스크롤바도 표시되지 않는다.. (사파리는 스크롤을 내리면 윗 검색바가 줄어들고 아래 하단메뉴가 사라짐.. 다시 스크롤을 올리면 나타나고…)

내가 잘못한건가.. 흠.. 흠흠…

그래서 그냥.. fixed 로 해서.. 모바일에서는 fixed로 처리되게 했다..

이 부분이 진짜 빨리 고쳐지면 좋겠다….

css 때문에 너무 많은 시간을 소모하고 있다….. 진짜 css 는 너무너무 어렵다..

다른 글