How to disable bouncing in html5 fullscreen iphone app?

Question

I want to make html5 fullscreen app. I made a page and added it as an icon to my iphone. I added metatags:

Answer 1

If your using Cordova 1.7+, open the Cordova.plist file and set the key UIWebViewBounce to NO

Answer 2

This will prevent scrolling on the whole page

document.ontouchmove = function(e) {e.preventDefault()};

In your case, where you want some divs to be scrollable, and some not to, you should be able to catch the event before it gets to the document

scrollableDiv.ontouchmove = function(e) {e.stopPropagation()};

Answer 3

Extending dmanxii's approach here is what we are doing.

    $("body").on("touchmove", function (event) {
        if ($(event.target).is(".WhatEverClass") || $(event.target).parentsUntil().is(".ParentClass")) {
            //console.log("NOT Disabled"); 
        }
        else {
            //console.log("Disabled"); 
            event.preventDefault();
        }
    });