스마트폰 네비게이션(메뉴) 클릭영역 문제
본문
PC에서 화면을 작게 했을때는 문제가 없습니다.
스마트폰 웹 상에서 확인했을 때 문제가 발생하는데요,
위와 같이 숨겨진 네비게이션 메뉴를 열고,
하단에 있는 검색창에서 검색어를 입력하고 돋보기를 누르면
검색페이지로 이동해야 하는데
위에 있는 버튼영역이 눌립니다.
스맛폰상의 키보드영역이 나타나면서
키보드로 검색어를 입력한 후에 키보드를 닫은 후 돋보기를 누르면
제대로 검색페이지로 넘어가는데,
키보드영역이 열려있는채로 돋보기버튼을 누르면 윗 부분 버튼이 눌립니다
왜 이러는지 알 수 있을까요?
해결할 일이 산더미 같은데..
이놈이 시간을 많이 잡아먹구 있네요 ㅠ ㅠ
도와주세요~~
감사합니다^^
답변 3
http://eyekorea.github.io/issue/2015/06/15/foot-fixed-form-Issues-in-ios-safari.html
2015년도에 이슈가 있었던 것으로 기억됩니다.
아직도 자판이나왔을 때 문제를 해결하지 못한 것 같네요. ㅠㅠ
으악... 해결이 어려운 문제인가요?
위 내용대로라면...
검색창을 혹시 위로 이동시키면 해결할 수 있을까요??
주로 높이가 지정되지 않았을 경우 float 등이 먹고 있으때..
그럴 가능성이 높습니다. 아래 숨어서 그런경우 일듯 한데요..
clear 같은게 필요할지 모르겠네요...
정확한건 주소로 접속해봐야 알것 같습니다.
닫히지 않는 태그가 있거나..
댓글 감사합니다
혹시 시간적 여유가 있으시면
테스트사이트 함 봐주시면 감사하겠습니다 ^^
말씀하신 부분 체크해볼게욥!!!
스마트폰 크롬브라우저에서는 검색은 되나 검색까지 도달하기가 너무 힘들군요.
일단 화면의 하단에 검색창이 존재하고 여분의 하단 여백이 없어서 키보드가 올라오면서 검색창 자체를 가려버리네요.
검색창을 상단으로 옮기거나 하단에 다른콘텐츠를 더 넣거나 이동시키켜서 검색창 포커스시에 밀어올려지게 하시는게 우선일듯 싶습니다. 혹은 검색창 포커스시에 이벤트 걸고 여백을 그때만이라도 증가시키고 blur 시에 회수하는 방법이라든가...
오래되서 기억은 안나지만 다른곳이 눌리는 현상은 구형 스마트폰들의 내장브라우저들에서 포지셔닝 fixed되거나 absolute된 요소에 입력폼들이 위치하면 그랬던것 같습니다. 요소들에 대한 스크롤링을 자체지원하지 않는 overflow :scroll 미지원 브라우저들에서 대체용으로 스크롤링 만들어주는 스크립트 쓰다가 발생했던 기억이 있습니다. 4~5년전 일인것 같네요.
답변 감사합니다 ㅠ ㅠ
역시 그런 문제였군요...
검색창을 윗쪽으로 올리는 방향으로 검토해보겠습니다!
감사합니다..!!
