Changeset 189835 in webkit

Timestamp:

Sep 15, 2015 6:14:29 PM (9 years ago)

Author:

Wenson Hsieh

Message:

Add anchor tags for scroll snapping examples.

• demos/scroll-snap/index.html: Added anchor tags.

Location:

trunk/Websites/webkit.org

Files:

• ChangeLog (modified) (1 diff)
• demos/scroll-snap/index.html (modified) (6 diffs)

trunk/Websites/webkit.org/ChangeLog

@@ +1 @@
+2015-09-15  Wenson Hsieh  <wenson_hsieh@apple.com>
+
+        Add anchor tags for scroll snapping examples.
+
+        * demos/scroll-snap/index.html: Added anchor tags.
+
 2015-09-14  Wenson Hsieh  <wenson_hsieh@apple.com>
 

trunk/Websites/webkit.org/demos/scroll-snap/index.html

@@ -217 +217 @@
         <p id="subtext">The following examples are overflow-scrolling <code>div</code>s. In the second, third and fourth examples, the <span>blue</span> cross represents the location of each container&rsquo;s scroll snap destination.</p>
         <!-- Normal scrolling container (no snapping) -->
+        <a name="scroll-normal"></a>
         <h3 style="margin-top: 5vh;">This first container does not have any scroll snapping behavior.</h3>
         <div class="container">
@@ -250 +251 @@
 
         <!-- Simple scroll snapping container (using repeat) -->
+        <a name="scroll-snap-1"></a>
         <h3>This second container shows what basic scroll snapping can do for us.</h3>
         <div class="container" id="snap-scroll-container">
@@ -286 +288 @@
 
         <!-- Scroll snapping container using coordinates -->
+        <a name="scroll-snap-2"></a>
         <h3>This next container snaps to elements of different sizes when scrolling.</h3>
         <div class="container" id="snap-scroll-container-coordinates">
@@ -345 +348 @@
 
         <!-- Centered scroll snapping container using coordinates -->
+        <a name="scroll-snap-3"></a>
         <h3>Here, we snap elements of different sizes to the center of the container.</h3>
         <div class="container" id="snap-scroll-container-coordinates-centered">
@@ -404 +408 @@
 
         <!-- Centered scroll snapping container in 2D -->
+        <a name="scroll-snap-4"></a>
         <h3>This container shows centered scroll snapping in a 2D grid.</h3>
         <div class="container" id="snap-scroll-container-2D">
@@ -417 +422 @@
 
         <!-- Centered scroll snapping container in 2D, rotated -->
+        <a name="scroll-snap-5"></a>
         <h3>This example takes the 2D scroll snapping grid above and rotates it by 30 degrees.</h3>
         <div class="container" id="snap-scroll-container-2D-rotated">