chore(lib): Remove smooth-scroll

Replace it with scroll-behavior, See deprecation notice cferdinandi/smooth-scroll@41237da Signed-off-by: Khusika Dhamar Gusti <[email protected]>
khusika · May 11, 2021 · 42c726d · 42c726d
1 parent 490e00b
commit 42c726d
Show file tree

Hide file tree

Showing 17 changed files with 11 additions and 32 deletions.
diff --git a/README.md b/README.md
@@ -112,7 +112,6 @@ I hope you will LoveIt ❤️!
 * **Custom style** shortcode
 * **Custom script** shortcode
 * **Animated typing** supported by [TypeIt](https://typeitjs.com/)
-* **Dynamic scroll** supported by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * **Cookie consent banner** supported by [cookieconsent](https://github.com/osano/cookieconsent)
 * ...
 
@@ -160,7 +159,6 @@ Thanks to the authors of following resources included in the theme:
 * [Font Awesome](https://fontawesome.com/)
 * [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
-* [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [autocomplete.js](https://github.com/algolia/autocomplete.js)
 * [Lunr.js](https://lunrjs.com/)
 * [algoliasearch](https://github.com/algolia/algoliasearch-client-javascript)

diff --git a/README.zh-cn.md b/README.zh-cn.md
@@ -107,7 +107,6 @@
 * 支持**自定义样式**的 shortcode
 * 支持**自定义脚本**的 shortcode
 * 支持基于 [TypeIt](https://typeitjs.com/) 的**打字动画** shortcode
-* 支持基于 [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) 的**滚动动画**
 * 支持基于 [cookieconsent](https://github.com/osano/cookieconsent) 的 **Cookie 许可横幅**
 * ...
 
@@ -155,7 +154,6 @@ LoveIt 主题中用到了以下项目，感谢它们的作者：
 * [Font Awesome](https://fontawesome.com/)
 * [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
-* [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [autocomplete.js](https://github.com/algolia/autocomplete.js)
 * [Lunr.js](https://lunrjs.com/)
 * [algoliasearch](https://github.com/algolia/algoliasearch-client-javascript)

diff --git a/assets/css/_core/_base.scss b/assets/css/_core/_base.scss
@@ -4,6 +4,7 @@ html {
   font-size: $global-font-size;
   line-height: $global-line-height;
   width:100%;
+  scroll-behavior: smooth;
 }
 
 /* scrollbar, only support webkit */

diff --git a/assets/css/_core/_media.scss b/assets/css/_core/_media.scss
@@ -1,3 +1,9 @@
+@media screen and (prefers-reduced-motion: reduce) {
+  html {
+    scroll-behavior: auto;
+  }
+}
+
 @media only screen and (max-width: 2560px) {
   .page {
     width: 80%;

diff --git a/assets/data/cdn/jsdelivr.yml b/assets/data/cdn/jsdelivr.yml
@@ -7,8 +7,6 @@ libFiles:
   fontawesomeFreeCSS: '@fortawesome/[email protected]/css/all.min.css'
   # [email protected] https://github.com/animate-css/animate.css
   animateCSS: [email protected]/animate.min.css
-  # [email protected] https://github.com/cferdinandi/smooth-scroll
-  smoothScrollJS: [email protected]/dist/smooth-scroll.min.js
   # [email protected] https://github.com/algolia/autocomplete.js
   autocompleteJS: [email protected]/dist/autocomplete.min.js
   # [email protected] https://lunrjs.com/

diff --git a/assets/data/polyfill.yml b/assets/data/polyfill.yml
@@ -4,10 +4,6 @@ theme:
   - Promise
   - fetch
   - Element.prototype.after
-smooth-scroll:
-  - Element.prototype.closest
-  - requestAnimationFrame
-  - CustomEvent
 algoliasearch:
   - Promise
   - Object.entries

diff --git a/assets/js/theme.min.js b/assets/js/theme.min.js
diff --git a/assets/js/theme.min.js.map b/assets/js/theme.min.js.map
diff --git a/assets/js/themes.min.js b/assets/js/themes.min.js
diff --git a/assets/lib/VERSION b/assets/lib/VERSION
@@ -1,7 +1,6 @@
 [email protected] https://fontawesome.com/
 [email protected] https://github.com/simple-icons/simple-icons
 [email protected] https://github.com/animate-css/animate.css
-[email protected] https://github.com/cferdinandi/smooth-scroll
 [email protected] https://github.com/algolia/autocomplete.js
 [email protected] https://lunrjs.com/
 [email protected] https://github.com/algolia/algoliasearch-client-javascript

diff --git a/assets/lib/smooth-scroll/smooth-scroll.min.js b/assets/lib/smooth-scroll/smooth-scroll.min.js
diff --git a/exampleSite/content/about/index.en.md b/exampleSite/content/about/index.en.md
@@ -79,7 +79,6 @@ math:
 * :(fas fa-align-left fa-fw): **Custom style** shortcode
 * :(fab fa-js-square fa-fw): **Custom script** shortcode
 * :(fas fa-i-cursor fa-fw): **Animated typing** supported by [TypeIt](https://typeitjs.com/)
-* :(fas fa-arrow-down fa-fw): **Dynamic scroll** supported by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * :(fas fa-cookie-bite fa-fw): **Cookie consent banner** supported by [cookieconsent](https://github.com/osano/cookieconsent)
 * ...
 
@@ -95,7 +94,6 @@ Thanks to the authors of following resources included in the theme:
 * [Font Awesome](https://fontawesome.com/)
 * [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
-* [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [autocomplete.js](https://github.com/algolia/autocomplete.js)
 * [Lunr.js](https://lunrjs.com/)
 * [algoliasearch](https://github.com/algolia/algoliasearch-client-javascript)

diff --git a/exampleSite/content/about/index.fr.md b/exampleSite/content/about/index.fr.md
@@ -84,7 +84,6 @@ Welcome to take the time to propose a translation by [:(fas fa-code-branch fa-fw
 * :(fas fa-align-left fa-fw): **Custom style** shortcode
 * :(fab fa-js-square fa-fw): **Custom script** shortcode
 * :(fas fa-i-cursor fa-fw): **Animated typing** supported by [TypeIt](https://typeitjs.com/)
-* :(fas fa-arrow-down fa-fw): **Dynamic scroll** supported by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * :(fas fa-cookie-bite fa-fw): **Cookie consent banner** supported by [cookieconsent](https://github.com/osano/cookieconsent)
 * ...
 
@@ -100,7 +99,6 @@ Thanks to the authors of following resources included in the theme:
 * [Font Awesome](https://fontawesome.com/)
 * [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
-* [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [autocomplete.js](https://github.com/algolia/autocomplete.js)
 * [Lunr.js](https://lunrjs.com/)
 * [algoliasearch](https://github.com/algolia/algoliasearch-client-javascript)

diff --git a/exampleSite/content/about/index.zh-cn.md b/exampleSite/content/about/index.zh-cn.md
@@ -79,7 +79,6 @@ math:
 * :(fas fa-align-left fa-fw): 支持**自定义样式**的 shortcode
 * :(fab fa-js-square fa-fw): 支持**自定义脚本**的 shortcode
 * :(fas fa-i-cursor fa-fw): 支持基于 [TypeIt](https://typeitjs.com/) 的**打字动画** shortcode
-* :(fas fa-arrow-down fa-fw): 支持基于 [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) 的**滚动动画**
 * :(fas fa-cookie-bite fa-fw): 支持基于 [cookieconsent](https://github.com/osano/cookieconsent) 的 **Cookie 许可横幅**
 * ...
 
@@ -95,7 +94,6 @@ LoveIt 主题中用到了以下项目，感谢它们的作者：
 * [Font Awesome](https://fontawesome.com/)
 * [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
-* [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [autocomplete.js](https://github.com/algolia/autocomplete.js)
 * [Lunr.js](https://lunrjs.com/)
 * [algoliasearch](https://github.com/algolia/algoliasearch-client-javascript)

diff --git a/layouts/partials/assets.html b/layouts/partials/assets.html
@@ -19,10 +19,6 @@
 {{- $style := dict "Source" $source "Fingerprint" $fingerprint -}}
 {{- partial "plugin/style.html" $style -}}
 
-{{- /* Smooth Scroll */ -}}
-{{- $source := $cdn.smoothScrollJS | default "lib/smooth-scroll/smooth-scroll.min.js" -}}
-{{- dict "Source" $source "Fingerprint" $fingerprint | dict "Scratch" .Scratch "Data" | partial "scratch/script.html" -}}
-
 {{- /* Search */ -}}
 {{- if .Site.Params.search | and .Site.Params.search.enable -}}
     {{- $search := .Site.Params.search -}}

diff --git a/resources/_gen/assets/scss/css/home.scss_9bb04146f3db3c0acc541995ea5f4b4d.content b/resources/_gen/assets/scss/css/home.scss_9bb04146f3db3c0acc541995ea5f4b4d.content
diff --git a/src/js/theme.js b/src/js/theme.js
@@ -637,10 +637,6 @@ class Theme {
         }
     }
 
-    initSmoothScroll() {
-        if (SmoothScroll) new SmoothScroll('[href^="#"]', { speed: 300, speedAsDuration: true, header: '#header-desktop' });
-    }
-
     initCookieconsent() {
         if (this.config.cookieconsent) cookieconsent.initialise(this.config.cookieconsent);
     }
@@ -723,7 +719,6 @@ class Theme {
             this.initHighlight();
             this.initTable();
             this.initHeaderLink();
-            this.initSmoothScroll();
             this.initMath();
             this.initMermaid();
             this.initEcharts();