結構如下
const body = document.dcumentelement.scrolltop ? document.documentelement : document.body;
const = body;
const innerheight = math.min(window.innerheight, document.documentelement.clientheight);
body.scrolltop = scrollheight - innerheight;
如果輸入框失去焦點,就讓頁面滾動到先前的位置。
**如下:
body.scrolltop = scrolltop; // 滾動到先前的位置
這種方案在ios12
上會出現兩個問題:
所以針對這些問題,我先試了網上這種據說通用的解決方法:
scrollintoview
這種方法,但是報錯了,沒有這個方法。
然後我自己分析了一下這個問題,出現各種情況的原因是因為彈出鍵盤時,頁面能夠滾動,於是就出現了各種問題,那乾脆讓頁面無法滾動。ios11
及之前使用了下面的布局:
.parent
並且禁止了touchmove
事件,這樣能夠讓頁面無法滾動,但是ios12
並沒有什麼卵用。還是能夠滾動,那咱們就讓內容就一屏,多的被截掉。下面是輸入框focus
的**:
const = body;
const innerheight = math.min(window.innerheight, document.documentelement.clientheight);
body.style.height = `$px`;
body.style.overflow = 'hidden';
然後就是輸入框觸發blur
事件時的**:
body.style.height = `$px`;
body.style.overflow = 'auto';
body.style.scrolltop = scrolltop;
在這裡需要重新設定body
的高度,高度為之前獲取的scrollheight
,因為我們需要重新滾動到先前的位置,建議不要設定height
為auto
,因為在一些場景下我們可能需要監聽滾動事件,會出現其他的問題(穩戰穩打才能打勝仗)。然後重新設定body
的overflow
,讓頁面能夠滾動,最後滾動到先前的位置。 IOS評論框不貼底(ios12新bug)
結構如下 const body document.dcumentelement.scrolltop document.documentelement document.body const body const innerheight math.min window.innerheight,docu...
iOS 評論跳轉AppStore評分
1001065082是 1,跳轉到 nsstring str nsstring stringwithformat 1001065082 2,跳轉到評價頁面 3,直接跳轉到 第一種 在 ios6 0前跳轉到 評分一般是直接跳轉到評分 nsstring str nsstring stringwithfo...
部落格園 修改評論框大小
我們需要的width和height值 最後一步,點選 管理 開啟後台,點選 設定 在 頁面定製css 中加入下面一行 儲存即可 tbcommentbody其中,important表明本次設定優先順序最高。需要新增以下兩行 div.commentbox main.comment textarea tb...