Overview
Use
<script src="smoothScroll.min.js"></script>
<script>
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
anchor.addEventListener('click', function () {
smoothScroll.scrollTo(this.getAttribute('href'), 500);
});
});
</script>Methods
scrollTo(target[, duration, root])
// Selector
smoothScroll.scrollTo('#id-name');
// Offset top
smoothScroll.scrollTo(300);| Parameter | Type | Description |
|---|---|---|
target |
string, number | Selector or offset top. |
duration |
number | Number of milliseconds to scroll. |
root |
object | Element to Scroll. |
scrollTop([duration, root])
smoothScroll.scrollTop(target);| Parameter | Type | Description |
|---|---|---|
duration |
number | Number of milliseconds to scroll. |
root |
object | Element to Scroll. |
scrollBottom([duration, root])
smoothScroll.scrollBottom();| Parameter | Type | Description |
|---|---|---|
duration |
number | Number of milliseconds to scroll. |
root |
object | Element to Scroll. |