javascript - 모바일 웹페이지의 입력란을 하단에 고정하는 방법은 무엇입니까?

Question

위 그림과 같이 홈페이지의 입력창을 사용자가 클릭하면 키보드가 팝업되는 현상이 발생하는데, 이로 인해 입력창이 부분적으로 가려지는 경우도 있습니다(아래 그림 참조)

현재 처리 방식은 입력 상자가 포커스를 받은 후 크기 조정을 수행하는 것입니다

으아악

창 크기를 재설정하고 원래 하단에 떠 있던 입력 상자의 위치를 ​​재설정하는 것이 목적입니다
하지만 효과가 별로 좋지 않아서 효과가 나타날 때도 있고 실패할 때도 있습니다

이 상황을 더 잘 처리하려면 어떤 방법을 사용해야 합니까?
또한 키보드가 팝업되는 동안 페이지를 스크롤해도 입력 영역이 하단에 고정되어 있을 수도 있습니다

현재 입력 상자의 위치 지정 방법은 다음과 같습니다: 위치: 고정
스크린샷 환경: ios WeChat

Answer 1

입력 상자는 flex를 사용하여 아래쪽에 고정할 수 있으며, 끈끈한 바닥글을 확인하면 됩니다.

Answer 2

JS를 사용하여 계산하는 것이 좋습니다. window.innerHeight

을 사용하세요.

Answer 3

http://www.cnblogs.com/cococe...
이것을 시도해 보세요

Answer 4

위 분들 말씀이 맞습니다. 광고하시는 분들은 이 속성을 사용하시면 됩니다. 이것이 당신의 문제를 해결할 수 있을 것 같아요

Answer 5

주소: http://www.haorooms.com/post/...
원칙: iOS에서는 고정을 사용하지 말고 대신 절대를 사용하세요.
끝.