2
ブラウザでいくつかのスライドの問題を解決しようとしていたが、すべてのブラウザがうまく機能するようになりましたが、iOSのSafariはうまく機能しませんでした。スクロールのiOS Safariの奇妙なブロック
驚くべきことは、MacOS Safariのレスポンシブモードでは起こらないということです。これはiOSで起こります。
奇妙な現象は、ページの下部に達すると、コンテンツの一部が覆われていることです。一番下に達するともう一度スクロールすると、今スクロールすることができます。この時点でスクロールすると同じことが起こります。これは再現可能である
最小限のテストケース：
html,
body,
main {
width: 100vw;
height: 100vh;
overflow: hidden;
}
#test {
height: 100vh;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
p {
padding: 20px 0;
}
マークアップは次のようである：再現可能な場合に
<body>
<div id="test">
<p>Lots of p</p>
<p>Lots of p</p>
<p>Lots of p</p>
</div>
</body>
JSBin thisです。誰がここで何が起こっているのか、それを修正する方法を知っていますか？
私は同じ問題があります！解決策はありますか？ –