I'm working on an iPad browser games and can't seem to lock the window. I've prevented scroll bars using typical overflow techniques, but the entire window still drags up and down (the new rubberband - type effect)

Is there a way to remove this window dragging?

Thannks

I'm working on an iPad browser games and can't seem to lock the window. I've prevented scroll bars using typical overflow techniques, but the entire window still drags up and down (the new rubberband - type effect)

Is there a way to remove this window dragging?

Thannks

• javascript
• html
• mobile
• safari
• ios5

Share Improve this question Follow asked Jan 8, 2012 at 22:38 bmanderscheidbmanderscheid 12522 silver badges99 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

Bind to touchmove and preventDefault action which is scrolling

document.body.addEventListener('touchmove', function (ev) { 
  ev.preventDefault();
});

Or with jQuery

$('body').bind('touchmove', function (ev) { 
  ev.preventDefault();
});

EDIT: I've actually e across another solution that may be even easier, try this

body { overflow: hidden; }