IOS評論框不貼底(ios12新bug)

2021-09-12 16:17:19 字數 1430 閱讀 9502

結構如下

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,因為我們需要重新滾動到先前的位置,建議不要設定heightauto,因為在一些場景下我們可能需要監聽滾動事件,會出現其他的問題(穩戰穩打才能打勝仗)。然後重新設定bodyoverflow,讓頁面能夠滾動,最後滾動到先前的位置。

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...