>  Q&A  >  본문

javascript - 모바일 페이지 모바일 키보드가 입력 상자를 차단합니다.

정상적인 상황

질문

전화기에서 앱이나 창을 전환한 다음 이 페이지로 돌아올 때마다 입력 상자를 처음 클릭할 때마다 키보드가 입력 상자를 차단하고 첫 번째 클릭만 차단합니다.
이 문제의 원인은 무엇입니까?
그러다가 이때 페이지의 스크롤 막대가 아래쪽으로 스크롤되지 않는 것을 발견하여 포커스가 맞춰졌을 때 입력 상자에 이벤트를 바인딩했습니다
$('.input').on('focus', function () {

으아악

});
하지만 페이지의 스크롤 막대가 여전히 아래쪽으로 스크롤되지 않고 입력 상자가 여전히 키보드에 의해 차단되어 있습니다.

으아악
迷茫迷茫2675일 전1206

모든 응답(4)나는 대답할 것이다

  • 仅有的幸福

    仅有的幸福2017-06-22 11:55:59

    안드로이드 브라우저는 소프트 키보드 팝업 후 iOS 브라우저처럼 창 높이를 다시 계산하지 않기 때문에 소프트 키보드 팝업 시 안드로이드 브라우저 창 높이는 "소프트 키보드 높이 + (키보드 높이)"가 됩니다. 창 - 소프트 키보드 높이)"; 실제로 이때 적절한 높이는 페이지 높이 + 소프트 키보드 팝업 높이가 되어야 하며 해결 방법은 다음과 같습니다.

    으아악

    회신하다
    0
  • 巴扎黑

    巴扎黑2017-06-22 11:55:59

    하단 입력창 스타일 문제인가요? 위의 방법을 시도해 보세요.
    /a/11...

    회신하다
    0
  • 怪我咯

    怪我咯2017-06-22 11:55:59

    2층 정답은 사실 브라우저 호환성 문제입니다

    회신하다
    0
  • 世界只因有你

    世界只因有你2017-06-22 11:55:59

    좋은 해결책은 없는 것 같습니다

    회신하다
    0
  • 취소회신하다