如何自动超卷

Question

我正在开发一个可以在Ipad上使用的kiosk网页。我已经找到了一个可以让我全屏的应用程序，但要想全屏，你必须在底部滚动。有没有办法强制我的网页自动这么做？我试过使用自动滚动，但没有成功。我不关心它是怎么做的(CSS，HTML，Javascript，jQuery)

$('html, body').animate({ scrollTop: $(document).height() - $(window).height() }, 1000, function() {
    $(this).animate({ scrollTop: 0 }, 1000);
});

Answer 1

您可以使用HTML5全屏接口：

var i = document.getElementById("myimage");

// go full-screen
if (i.requestFullscreen) {
    i.requestFullscreen();
} else if (i.webkitRequestFullscreen) {
    i.webkitRequestFullscreen();
} else if (i.mozRequestFullScreen) {
    i.mozRequestFullScreen();
} else if (i.msRequestFullscreen) {
    i.msRequestFullscreen();
}

详细信息：https://www.sitepoint.com/use-html5-full-screen-api/

Answer 2

试试这个：

<div style="overflow: auto; -webkit-overflow-scrolling: touch;">
<iframe style="width:100%;height:600px" src="websitehere"></iframe>
</div></div>