2026, 새로운 도약을 시작합니다.

모바일웹에서 레이어팝업시 input박스 클릭하게 되면 키보드 때문에 박스가 가져지는 문제

혹시  모바일 페이지에서 
레이어 팝업 안에 input 박스 클릭시 

밑에서 모바일 키보드 박스가 나오는데

그것때문에 input박스가 가려지는 현상이 있는데요 ㅠㅠ

이게 다른데는 문제없고

레이어 팝업일 경우에만 문제가 있네요. 혹시 선배님들은 이 경우 어떻게 처리하셨나요?

input click시 이벤트 줘서 레이어 팝업 top 위치 변경통해 해결해야 할까요? 다시 bulr 이벤트 하게되면 최초 팝업 top으로 변경해야할까요?

Copy



document.getElementById("popup").scrollTo(0, this.height);
document.querySelectorAll('[data-modal]')[0].style.top = "-100px";


혹시 더 좋은 방법이 있을까요?

답변 1개

레이어 스타일에 z-index  옵션은 줘보셨나요 ?

https://www.codingfactory.net/10878

해결되셨으면 좋겠습니당 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고