CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Thomas
Thomas

Reputation: 177

How to automatically overscroll

I'm developing a kiosk webpage that will go on an Ipad. I have found an app that lets me go fullscreen but to go fullscreen you have to overscroll on the bottom. Is there a way to force my webpage to automatically do this? I have tried using autoscroll with no luck. I don't care how it is done (CSS, HTML, Javascript, jQuery)

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

Upvotes: 1

Views: 279

Answers (2)

Isabela Cristina
Isabela Cristina

Reputation: 35

try this:

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

Upvotes: 0

kollein
kollein

Reputation: 406

you can use HTML5 fullscreen 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();
}

Detail:https://www.sitepoint.com/use-html5-full-screen-api/

Upvotes: 1

Related Questions