From 7dfcb649304311839f6c9708bf3bfdf565e20b09 Mon Sep 17 00:00:00 2001 From: Kyle Gordy Date: Thu, 5 Dec 2019 11:02:44 -0500 Subject: [PATCH] Remove smooth scroll effect from blog index/category pages, remove globally if user prefers reduced motion --- _layouts/default.html | 5 ++++- assets/_sass/base/_additional-defaults.scss | 9 +++++++-- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index 0605e96..0015b01 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,5 +1,8 @@ - +{% if page.url contains "/category" or page.url contains "/page" or page.url == "/blog/" %} + {% assign class = 'no-smooth-scroll' %} +{% endif %} + {%- include head.html -%} {%- include header.html -%} diff --git a/assets/_sass/base/_additional-defaults.scss b/assets/_sass/base/_additional-defaults.scss index 8bf6f8b..f0c5f30 100644 --- a/assets/_sass/base/_additional-defaults.scss +++ b/assets/_sass/base/_additional-defaults.scss @@ -1,5 +1,10 @@ -html { - scroll-behavior: smooth; // smooth anchor link scrolling +// Smooth anchor scrolling unless .no-smooth-scroll is present +html:not(.no-smooth-scroll) { + scroll-behavior: smooth; + + @media (prefers-reduced-motion: reduce) { + scroll-behavior: auto; // turn off if user prefers reduced motion + } } body {