title: Using ScrollViewer inside a FlipView
body: <p>I have a Windows Phone 8.1 app with a FlipView. Each FlipView item represents a magazine page (PDF page rendered to bitmap with some overlay). </p>
  
  <p>I need to enable pinch to zoom for all the pages. My FlipView ItemTemplate looks like this</p>
  
  <pre><code>&lt;DataTemplate
          x:Key="SinglePageTemplate"&gt;
          &lt;ScrollViewer                
              ZoomMode="Enabled"&gt;
              &lt;Grid&gt;
                  &lt;ProgressRing
                      HorizontalAlignment="Center"
                      VerticalAlignment="Center"
                      IsActive="{Binding IsRendered, Converter={StaticResource BooleanNegateConverter}}" /&gt;
                  &lt;Image
                      Source="{Binding Bitmap}"
                      VerticalAlignment="Stretch"
                      HorizontalAlignment="Stretch"&gt;
                  &lt;/Image&gt;
              &lt;/Grid&gt;
          &lt;/ScrollViewer&gt;
  </code></pre>
  
  <p>The problem is that when I zoom out the page and try to move it to the right, it always "jumps" back to the left. </p>
  
  <p>Here is a video showing the problem: <a href="https://dl.dropboxusercontent.com/u/73642/fv.avi" rel="noreferrer">https://dl.dropboxusercontent.com/u/73642/fv.avi</a></p>
  
  <p>Any ideas why and how to fix it?</p>