diff --git a/docs/animations.html b/docs/animations.html
index 5523f040ade..a074e5e966e 100644
--- a/docs/animations.html
+++ b/docs/animations.html
@@ -112,9 +112,9 @@ map syntax so that values can be extracted from complex event objects.  The
 first level is an array to allow mapping across multiple args, and that array
 contains nested objects.  In the example, you can see that <code>scrollX</code> maps to
 <code>event.nativeEvent.contentOffset.x</code> (<code>event</code> is normally the first arg to the
-handler), and <code>pan.x</code> maps to <code>gestureState.dx</code> (<code>gestureState</code> is the second
-arg passed to the <code>PanResponder</code> handler).</p><div class="prism language-javascript">onScroll<span class="token operator">=</span><span class="token punctuation">{</span>Animated<span class="token punctuation">.</span><span class="token function">event<span class="token punctuation">(</span></span>
-  <span class="token punctuation">[</span><span class="token punctuation">{</span>nativeEvent<span class="token punctuation">:</span> <span class="token punctuation">{</span>contentOffset<span class="token punctuation">:</span> <span class="token punctuation">{</span>y<span class="token punctuation">:</span> pan<span class="token punctuation">.</span>y<span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token punctuation">]</span>  <span class="token comment" spellcheck="true"> // pan.y = e.nativeEvent.contentOffset.y
+handler), and <code>pan.x</code> and <code>pan.y</code> map to <code>gestureState.dx</code> and <code>gestureState.dy</code>,
+respectively (<code>gestureState</code> is the second arg passed to the <code>PanResponder</code> handler).</p><div class="prism language-javascript">onScroll<span class="token operator">=</span><span class="token punctuation">{</span>Animated<span class="token punctuation">.</span><span class="token function">event<span class="token punctuation">(</span></span>
+  <span class="token punctuation">[</span><span class="token punctuation">{</span>nativeEvent<span class="token punctuation">:</span> <span class="token punctuation">{</span>contentOffset<span class="token punctuation">:</span> <span class="token punctuation">{</span>x<span class="token punctuation">:</span> scrollX<span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token punctuation">]</span>  <span class="token comment" spellcheck="true"> // scrollX = e.nativeEvent.contentOffset.x
 </span><span class="token punctuation">)</span><span class="token punctuation">}</span>
 onPanResponderMove<span class="token operator">=</span><span class="token punctuation">{</span>Animated<span class="token punctuation">.</span><span class="token function">event<span class="token punctuation">(</span></span><span class="token punctuation">[</span>
   <span class="token keyword">null</span><span class="token punctuation">,</span>                                         <span class="token comment" spellcheck="true"> // ignore the native event