tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Smooth scrolling

This commit is contained in:
Alicia Sykes 2021-09-01 22:11:10 +01:00
parent 305769adce
commit c25e346b35
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/HomePageHeader.js
View File

@ -10,6 +10,10 @@ import IconBannerSource from '../../static/icons/banner_source.svg';
import IconBannerDocs from '../../static/icons/banner_docs.svg'; import IconBannerDocs from '../../static/icons/banner_docs.svg';
import IconDownArrow from '../../static/icons/interface_down.svg'; import IconDownArrow from '../../static/icons/interface_down.svg';
const scrollToFeatures = () => {
document.querySelector('#go-down').scrollIntoView({ behavior: 'smooth' });
};
export default function HomepageHeader() { export default function HomepageHeader() {
const { siteConfig } = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
const [showMore, setShowMore] = useState(false); const [showMore, setShowMore] = useState(false);
@ -40,7 +44,7 @@ export default function HomepageHeader() {
</span> </span>
</div> </div>
{(!showMore) && {(!showMore) &&
<a href="#go-down" className={styles.scrollDown} id="go-down"> <a onClick={scrollToFeatures} className={styles.scrollDown} id="go-down">
<IconDownArrow className={styles.scrollDownIcon} /> <IconDownArrow className={styles.scrollDownIcon} />
<span className={styles.scrollDownText}>Feature List</span> <span className={styles.scrollDownText}>Feature List</span>
<IconDownArrow className={styles.scrollDownIcon} /> <IconDownArrow className={styles.scrollDownIcon} />

4
src/styles/custom.scss
View File

@ -60,6 +60,10 @@ nav.navbar {
} }
} }
html {
scroll-behavior: smooth;
}
body { body {
background: var(--background); background: var(--background);
} }