Disable Browser Rubber Band effect in Windows Phone 8 HTML5 App?

Question

Does anyone know of a way to disable the "Rubber Band" effect in the IE10 browser on a Windows Phone 8 device? I tried a trick where I can create a high DIV and absolutely position it and then try and fix the position of the main content div, but IE10 seems to ignore that. It's hard to make an HTML5 app feel like an app when it giggles everywhere...

Answer 1

Try adding -ms-touch-action:none for body as below:

<style type="text/css">body {{-ms-touch-action:none; }}</style>