>  기사  >  웹 프론트엔드  >  팝업입력방식 키보드가 입력을 차단하는 경우 어떻게 해결하나요?

팝업입력방식 키보드가 입력을 차단하는 경우 어떻게 해결하나요?

零下一度
零下一度원래의
2017-06-30 14:37:552421검색

모바일 페이지에서는 이런 효과가 나타나는 경우가 많습니다. 아래 그림을 보면 초점이 고정된 하단에 있습니다. 문자를 입력할 때 Android 휴대폰에서는 전혀 문제가 없습니다.

1. 하단 입력을 클릭하지 않은 페이지의 초기 상태

2. 안드로이드 폰에서는 모든 것이 너무 정상적이고 완벽합니다.

3 ios 휴대폰 밑에는 너무 독단적이라 방법이 없고 완전 차단되고 차단되고 차단되고... 전체 페이지를 아래로 밀어야 보실 수 있습니다. 숨바꼭질과 같습니다.

이 문제가 1년 넘게 해결되었고 마침내 완벽하게 해결되었다고 말해도 두렵지 않습니다. 더욱 흥미롭고 피나는 것은 코드가 한 줄뿐이라는 것입니다!

눈을 크게 뜨고 봐주세요

<script type="text/javascript">
	$("input").on("click", function() {
		setTimeout(function(){  
		    document.body.scrollTop = document.body.scrollHeight;  
		},300);  
	})
</script>

구체적인 실제 효과를 보여드리기 위해 스크린샷을 찍지는 않겠습니다. 직접 찾아보시면 놀라실 겁니다.

위 내용은 팝업입력방식 키보드가 입력을 차단하는 경우 어떻게 해결하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.