smooth scrolling on skipto.js

w3c · Oct 16, 2024 · ec7d4d0 · ec7d4d0
1 parent 8c9ceb2
commit ec7d4d0
Show file tree

Hide file tree

Showing 114 changed files with 994 additions and 116 deletions.
diff --git a/content/about/about.html b/content/about/about.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../shared/css/core.css">
     <script src="../shared/js/highlight.pack.js"></script>
     <script src="../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../shared/js/skipto.js"></script>
   </head>
   <body>
     <main>

diff --git a/content/about/acknowledgements/acknowledgements.html b/content/about/acknowledgements/acknowledgements.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../../shared/css/core.css">
     <script src="../../shared/js/highlight.pack.js"></script>
     <script src="../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
   </head>
   <body>
     <main>

diff --git a/content/about/aria-basics/aria-basics.html b/content/about/aria-basics/aria-basics.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../../shared/css/core.css">
     <script src="../../shared/js/highlight.pack.js"></script>
     <script src="../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
   </head>
   <body>
     <main>

diff --git a/content/about/at-support-tables/at-support-tables.html b/content/about/at-support-tables/at-support-tables.html
@@ -11,7 +11,7 @@
   <link rel="stylesheet" href="../../shared/css/core.css">
   <script src="../../shared/js/highlight.pack.js"></script>
   <script src="../../shared/js/app.js"></script>
-  <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div"
+  <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div"
     src="../../shared/js/skipto.js"></script>
 </head>
 
@@ -119,4 +119,4 @@ <h3>Perform Your Own Tests</h3>
   </main>
 </body>
 
-</html>
+</html>
diff --git a/content/about/change-history/change-history.html b/content/about/change-history/change-history.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../../shared/css/core.css">
     <script src="../../shared/js/highlight.pack.js"></script>
     <script src="../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
   </head>
   <body>
     <main>
@@ -63,4 +63,4 @@ <h1>Change History</h1>
       </ul>
     </main>
   </body>
-</html>
+</html>
diff --git a/content/about/coverage-and-quality/coverage-and-quality-report.html b/content/about/coverage-and-quality/coverage-and-quality-report.html
@@ -8,7 +8,7 @@
   <script src="../../shared/js/examples.js"></script>
   <script src="../../shared/js/highlight.pack.js"></script>
   <script src="../../shared/js/app.js"></script>
-  <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
+  <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
   <style>
     .sr-only {position: absolute; top: -30em;}
     table.summary th { width: 12em; }
@@ -2645,4 +2645,4 @@ <h3 id="example_mouse_pointer">Mouse and Pointer Events</h3>
   </main>
 
 
-</body></html>
+</body></html>
diff --git a/content/about/introduction/introduction.html b/content/about/introduction/introduction.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../../shared/css/core.css">
     <script src="../../shared/js/highlight.pack.js"></script>
     <script src="../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
   </head>
   <body>
     <main>

diff --git a/content/about/related-specifications/related-specifications.html b/content/about/related-specifications/related-specifications.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../../shared/css/core.css">
     <script src="../../shared/js/highlight.pack.js"></script>
     <script src="../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
   </head>
   <body>
     <main>

diff --git a/content/apg-home.html b/content/apg-home.html
@@ -13,7 +13,7 @@
       }
     </style>
 
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="shared/js/skipto.js"></script>
 
   </head>
   <body>

diff --git a/content/index/index.html b/content/index/index.html
@@ -8,7 +8,7 @@
   <script src="../shared/js/examples.js"></script>
   <script src="../shared/js/highlight.pack.js"></script>
   <script src="../shared/js/app.js"></script>
-  <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../shared/js/skipto.js"></script>
+  <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../shared/js/skipto.js"></script>
 </head>
 <body>
   <main>

diff --git a/content/patterns/accordion/accordion-pattern.html b/content/patterns/accordion/accordion-pattern.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../../shared/css/core.css">
     <script src="../../shared/js/highlight.pack.js"></script>
     <script src="../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
   </head>
   <body>
     <main>

diff --git a/content/patterns/accordion/examples/accordion.html b/content/patterns/accordion/examples/accordion.html
@@ -11,7 +11,7 @@
     <script src="../../../shared/js/examples.js"></script>
     <script src="../../../shared/js/highlight.pack.js"></script>
     <script src="../../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../../shared/js/skipto.js"></script>
 
     <!-- JS and CSS for this example -->
     <link rel="stylesheet" href="css/accordion.css">

diff --git a/content/patterns/alert/alert-pattern.html b/content/patterns/alert/alert-pattern.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../../shared/css/core.css">
     <script src="../../shared/js/highlight.pack.js"></script>
     <script src="../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../shared/js/skipto.js"></script>
   </head>
   <body>
     <main>

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
@@ -11,7 +11,7 @@
     <script src="../../../shared/js/examples.js"></script>
     <script src="../../../shared/js/highlight.pack.js"></script>
     <script src="../../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../../shared/js/skipto.js"></script>
+    <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="../../../shared/js/skipto.js"></script>
 
     <!-- JS and CSS for this example -->
     <link href="css/alert.css" rel="stylesheet">
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,7 +13,7 @@ @@
           }
         </style>
-        <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="shared/js/skipto.js"></script>
+        <script data-skipto="colorTheme:aria; highlightTarget: smooth; displayOption:popup; containerElement:div" src="shared/js/skipto.js"></script>
       </head>
       <body>
@@ Expand Down @@