Smooth scroll to anchor without a library

Custom function using scrollIntoView with smooth behavior
This commit is contained in:
2020-04-07 18:47:02 +02:00
parent 1a05c35fc8
commit c5836dcbc1
4 changed files with 16 additions and 13 deletions

View File

@@ -30,10 +30,7 @@
currentPhotos,
pageReady
} from 'utils/store'
import { charsToSpan } from 'utils/functions'
// Dependencies
import zenscroll from 'zenscroll'
import { charsToSpan, smoothScroll } from 'utils/functions'
// Components
import Button from 'atoms/Button'
@@ -93,7 +90,7 @@
<div class="intro__description style-description">
<p>{$site.description}</p>
<Button type="a" href="#choose" class="button" text="Explore locations">
<Button type="a" href="#choose" class="button" text="Explore locations" on:click={smoothScroll}>
<IconGlobeSmall width="22" color="#666" />
</Button>
</div>