파슬리 테마에 오류 해결법을 문의드립니다.
본문
파슬리 테마입니다.
https://theme.sir.kr/gnuboard54/demo/parsley54
다 좋은데 모바일에서 아래로 스크롤 한 다음 왼쪽 메뉴를 누르면
맨 아래처럼 바가 나오면서 가려집니다.
#content-wrapper {min-height:100%;overflow-x:hidden;margin-left:0px;transition:margin-left 0.2s;box-sizing:border-box;/*margin-bottom:-160px;padding-bottom:160px*/}
이렇게 bottom 마진이 의심되어서 지워봤지만 해결이 잘 안되네요.
방법이 있을까요?
답변 1
url로 접속해봐도 해당 현상이 확인이 안되네요
혹시 휴대폰으로 접속을 하셨나요?
반응형이다보니 실제 폰으로 접속시 해당 문제가 구현되는 것 같습니다.
그냥 분리된 스킨이면 개발자도구 띄워서 찍어보겠는데 말이죠.
네 모바일로 접속해봤습니다
이게 아이폰으로 사용할때 나타나는 현상이네요.
안드로이드나 PC에서는 메뉴 클릭시 최상단으로 끌어올린 뒤 메뉴를 펼치지만
아이폰은 백그라운드 그대로 두고 메뉴만 띄우며 아래가 비어버리는 것 같습니다.
현상확인이 어려워 도움을 제대로 못드리네요
말씀만이라도 감사합니다^^
좀 찜찜해서
유추만 해보자면 해당 body 밑 자식요소 height 값 체크해보시고
left menu같은경우에는 height값이 더라도 z-index 로 999 한번 변경해보시고 테스트해보시구요
혹시나 스크립트로 window.height 값을 계산해서 들어가는경우도있으니 그쪽도 살펴보시고..
당장 유추할수있는건 이정도인데
말씀그대로 유추한거라서 확실친않습니다
감사합니다.
모바일기기에서만 모바일 페이지가 보이는 현상때문에 요소 찍어보기가 난감한데
한번 살펴보겠습니다!
