jQuery / HTML5 / gwt app for WP8 (Lumia 920) device: vertical css scroll fix

Question

Problem:

I try to fix this phenomenom about scrolling out of app boundaries:

Answer 1

The success story was to apply the Approach #1 so, that you mark to css instead

 div.wp8ScrollFix {
    -ms-touch-action: none;
 }

and give class="wp8ScrollFix" to the main div on pages, where you don't want the pan to happen.

This is new to IE10 browsers and there can be a check

@if user.agent ie10 {

}

around the fix in css file, which applies this to ie10 only.