Question

我正在开发一个可以在Ipad上使用的自助服务终端网页。我找到了一个让我全屏的应用程序，但要全屏显示你必须在底部过度滚动。有没有办法强制我的网页自动执行此操作？我尝试过使用autoscroll而没有运气。我不关心它是如何完成的（CSS，HTML，Javascript，jQuery）

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

Answer 1

您可以使用HTML5全屏API：

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>

如何自动过度滚动

2 个答案: