Travis build: 1768

README.md

@@ -214,6 +214,7 @@ average(1, 2, 3);
 * [`scrollToTop`](#scrolltotop)
 * [`setStyle`](#setstyle)
 * [`show`](#show)
+* [`smoothScroll`](#smoothscroll)
 * [`toggleClass`](#toggleclass)
 * [`UUIDGeneratorBrowser`](#uuidgeneratorbrowser)
 
@@ -3597,6 +3598,33 @@ show(...document.querySelectorAll('img')); // Shows all <img> elements on the pa
 <br>[⬆ Back to top](#table-of-contents)
 
 
+### 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'
+  });
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+smoothScroll('#fooBar'); // scrolls smoothly to the element with the id fooBar
+smoothScroll('.fooBar'); // scrolls smoothly to the first element with a class of fooBar
+```
+
+</details>
+
+<br>[⬆ Back to top](#table-of-contents)
+
+
 ### toggleClass
 
 Toggle a class for an element.

snippets/smoothScroll.md

@@ -8,7 +8,7 @@ Pass `{ behavior: 'smooth' }` to `.scrollIntoView` so it scrolls smoothly.
 ```js
 const smoothScroll = element =>
   document.querySelector(element).scrollIntoView({
-      behavior: 'smooth'
+    behavior: 'smooth'
   });
 ```