Disable Bouncing at the end of the page. RRS feed

  • 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

    Thursday, December 20, 2012 2:07 PM

All replies

  • 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

    Thursday, December 20, 2012 3:13 PM
  • 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.

    Thursday, December 20, 2012 7:38 PM
  • 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.

    Friday, December 21, 2012 6:49 AM
  • 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.
    Friday, December 21, 2012 10:51 AM
  • I'd like to know how to do this as well!
    Sunday, September 8, 2013 9:49 AM