add smoothScroll
This commit is contained in:
17
snippets/smoothScroll.md
Normal file
17
snippets/smoothScroll.md
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
### smoothScroll
|
||||||
|
|
||||||
|
Smoothly scrolls the element on which it's called into the visible area of the browser window.
|
||||||
|
|
||||||
|
Use `.scrollIntoView` method to scroll the element. Pass `{ behavior: 'smooth' }` to `.scrollIntoView` so it scrolls smoothly.
|
||||||
|
|
||||||
|
```js
|
||||||
|
const smoothScroll = (element) =>
|
||||||
|
document.querySelector(element).scrollIntoView({
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
```js
|
||||||
|
smoothScroll('#fooBar'); // scrolls smoothly to the element with the id of fooBar
|
||||||
|
smoothScroll('.fooBar'); // scrolls smoothly to the element with the class of fooBar
|
||||||
|
```
|
||||||
Reference in New Issue
Block a user