Disable Bouncing at the end of the page.

Question

Hey, 

how do I disable the bouncing when you scroll via touch to the end of the page? It causes odd flickering at my project:

Best Regards, Simon

Answer 1

I'm not sure you can (or should) disable the bouncing as this is a common behavior for scrolling in Windows 8 apps.  What elements are flickering? With a little more information, maybe we can fix the flickering instead.

---

Dave Paquette @Dave_Paquette www.davepaquette.com

Answer 2

Hey Dave,

thank you for the quick reply.

So, I'm using a fixed div (let's call it div1) with width&height 100% .

Above it lays another div (div2) with height&width100% but with position absolute. 

So as you scroll up, div2 scrolls up and reveals div1. 

Problem: Due to bouncing, div1 oddly flicks up and down.

Answer 3

DP - try setting the -ms-touch-action property separately on each div.  Set it to auto on the top DIV (or to pan-y), and to none on the bottom DIV and perhaps the body as a whole.  What I imagine this may accomplish is allowing the DIV you are sliding to respond to the touch event, but explicitly keeping the body and underlying DIV from responding.

More here: http://msdn.microsoft.com/en-us/library/windows/apps/hh767313.aspx

Let me know if this works as I have not tried it.

Answer 4

Didn't work. Because I have to set body to none and this disables all touch events regardless of other properties set for specific divs.

Answer 5

I'd like to know how to do this as well!