Android 의 아래쪽 메뉴 가 입력 된 해결 방안

안 드 로 이 드 폰 입력 법 팝 업,사라 지면 터치
window.onresize 이벤트,우리 의 일반적인 해결 방법 은 초점 을 얻 는 것 입 니 다.아래쪽 에 숨 기 고 초점 을 잃 는 것 입 니 다.아래쪽 메뉴 가 나타 나 지만,어떤 사람들 은 이 단 추 를 누 르 면 키 보드 를 접 습 니 다.

그렇다면 이 럴 때 당신 의 초점 을 잃 는 것 은 무효 입 니 다.또 하나의 방법 은 position:fixed 입 니 다.position:absoult 로 변경 하기;이렇게 하면 밑 에 있 는 메뉴 가 위로 올 라 가지 않 습 니 다.그러나 이런 방법 은 제 실험 을 통 해 입력 법 에 의 해 위로 올 라 갑 니 다.이 두 가지 방법 은 문 제 를 완전히 해결 하지 않 습 니 다.그리고 하 나 는 레이아웃 문제 입 니 다.홈 페이지:position:relative,밑 에 있 는 메뉴:position:absoult;이 방법 은 일정한 시간 내 에 유용 합 니 다.이 몇 가지 방법 은 주변 을 돌아 다 닐 때 제 가 모두 사 용 했 습 니 다.결 과 는 모두 테스트 를 받 았 습 니 다.이 bug 는 해결 할 수 밖 에 없 었 습 니 다.왜냐하면 일부 처녀자리 에 서 는 이런 문 제 를 참 을 수 없 었 기 때문에 쓸데없는 말 을 많이 썼 습 니 다.다음은 해결 방법 을 붙 였 습 니 다.안 드 로 이 드 와 사 과 를 호 환 합 니 다.
안 드 로 이 드 폰.이 입력 법 에 대한 숨겨 진 이벤트

안 드 로 이 드 폰 에 이 사건 이 있 습 니 다.아이 폰 에 없습니다.아이 폰 이 이 버튼 을 누 르 면 input 상자 가 초점 을 잃 습 니 다.

window.onresize = function () {
 var h = $(window).height();
 //console.log(h+','+window.screen.availHeight)
 var u = navigator.userAgent;
 if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
 if(h <= window.screen.availHeight/2){
  $('#toNav').css({'position':'absoult',"margin-top":"-.5rem",'display':'none'});
 }else{
  $('#toNav').css({'position':'fixed','display':'block'});
 }
 }
}
$('input').on('focus',function(){
 $('#toNav').hide();
})
$('input').on('blur',function(){
 $('#toNav').show();
})

주:코드 결벽 증 이 있 는 사람 은 아래 의 것 을 볼 수 있 습 니 다.앞 코드 는 아래쪽 메뉴 가 입력 되 어 있 는 문 제 를 해결 하 였 습 니 다.
또한 input 상 자 는 초점 을 맞 추 는 것 입 니 다.밑 에 메뉴 가 나 올 때 밑 에 메뉴 가 올 라 간 다음 에 내 려 옵 니 다.이것 은 보통 어떤 사람들 은 참 지 않 습 니 다.모든 초점 을 잃 으 면 밑 에 있 는 스타일 을 바 꿔 야 합 니 다.안 드 로 이 드 와 아이 폰 에 서 는 밑 에 있 는 스타일 이 다 를 수 있 습 니 다.이 럴 때 핸드폰 유형 을 판단 하여 스타일 을 수정 해 야 합 니 다.
위 에서 말 한 것 은 소 편 이 소개 한 안 드 로 이 드 의 하단 메뉴 가 입력 법 에 의 해 꼭대기 에 올 라 가 는 해결 방안 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.소 편 은 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!