在ipad上隐藏带有负边距的div

Question

我在ipad上有一个动画，从-200px到1500px，并隐藏在overflow-x:hidden的浏览器中。

当我查看ipad时，我可以滚动"off screen"并查看隐藏的项目，即使正文和html设置为width:100%和height:100%.

如何在ipad?

中解决此问题

Answer 1

您可以将媒体查询用于Ipad视口。

@media only screen 和（min-device-width：768px） 和（max-device-width：1024px）{/ * STYLES GO HERE * /}

Answer 2

您可以尝试将动画放在不比屏幕宽的div中。然后在该div上应用function runWhenLoaded() { /* read duration etc, this = audio element */ } if (!audio.readyState) { // or $audio[0].readyState audio.addEventListener("loadedmetadata", runWhenLoaded); // or $audio.on("loadedmetadata", runWhenLoaded); } else { runWhenLoaded.call(audio); // or runWhenLoaded.call($audio[0]); } 。

Answer 3

试试这样：

html, body {
   position:relative;
}