ios6在input框輸入內(nèi)容時軟鍵盤彈起來把頁面上移后,使頁面卡在ios頂部不會自動下來

解決辦法:

// 解決ios上頁面上移的bug

????????????setTimeout(function(){

????????????????if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA'){

????????????????????return

????????????????}

????????????????var result = 'pc';

????????????????if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判斷iPhone|iPad|iPod|iOS

????????????????????result = 'ios'

????????????????}else if(/(Android)/i.test(navigator.userAgent)) {? //判斷Android

????????????????????result = 'android'

????????????????}

????????????????if( result = 'ios' ){

????????????????????document.activeElement.scrollIntoViewIfNeeded(true);

????????????????????var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;

????????????????????window.scrollTo(0, Math.max(scrollHeight - 1, 0));

????????????????}

????????????},10)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML: <!DOCTYPE html> 可能這些是你想要的H5鍵盤兼容方案 I am ...
    勾起一抹笑容閱讀 1,141評論 0 1
  • 以下是常用的代碼收集,學習用。轉(zhuǎn)自豪情博客園 1. PC - js 返回指定范圍的隨機數(shù)(m-n之間)的公式 re...
    自由加咖啡閱讀 1,126評論 0 1
  • 100個常用的javascript函數(shù) 1、原生JavaScript實現(xiàn)字符串長度截取 復制代碼代碼如下: fun...
    老頭子_d0ec閱讀 413評論 0 0
  • 轉(zhuǎn)載 1. 問題描述: 最近一段時間在做 H5 項目,踩過其中一大坑:輸入框獲取焦點,軟鍵盤彈起,要求輸入框吸附(...
    星空里的塵埃閱讀 756評論 0 2
  • 可能這些是你想要的H5軟鍵盤兼容方案 前言 輸入框獲取焦點,軟鍵盤彈起,要求輸入框吸附(或頂)在輸入法框上。需求很...
    記住了_葉閱讀 831評論 0 2

友情鏈接更多精彩內(nèi)容