iOS11~12台のSafariでは、landscape時かつアドレスバー展開時に下部に50pxのスクロール可能領域が発生する
タイトル通り
about:blankのページを開き、html・body要素のheightに関わる数値を0pxに指定、overflow: hidden;
とした状態であれど、タイトルのような現象が発生する。
ちなみに本記事はただの備忘録です。
どうしたか
プロダクトの仕様上、
-
document.body.scrollHeight === innerHeight
でありたい -
scroll
やtouchmove
の差し止めをすることはできなかった
という条件があったため、妥協の下
sample
const scrollPrevent = () => {
if (window.pageYOffset > 0) window.scrollTo(0, 0);
}
window.addEventListener("touchend", scrollPrevent);
とした。
Author And Source
この問題について(iOS11~12台のSafariでは、landscape時かつアドレスバー展開時に下部に50pxのスクロール可能領域が発生する), 我々は、より多くの情報をここで見つけました https://qiita.com/allein-s/items/39c494e81f2b65a8ef5f著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .