perf: change data attr and default class name

README.md

@@ -22,20 +22,20 @@ scrollinview(event)
 ```
 
 ```html
-<div class="content" data-inview>
+<div class="content" data-scroll-in-view>
   <!-- Content here -->
 </div>
 ```
 
-As soon as the element enters the viewport, a `js-in-view` class is added allowing a css animation to be triggered — this class can also be customised using an option (see below).
+As soon as the element enters the viewport, a `js-scroll-in-view` class is added allowing a css animation to be triggered — this class can also be customised using an option (see below).
 
 ### Options
 
 The `scrollinview` function can optionally take an object as the second argument, that may include the following properties.
 
 ### className
 
-The class name that Scroll in View uses when an element enters the viewport (defaults to `js-in-view`).
+The class name that Scroll in View uses when an element enters the viewport (defaults to `js-scroll-in-view`).
 
 ```js
 scrollinview(event, { className: 'my-custom-class' })

src/index.js

@@ -1,30 +1,30 @@
-let inViewClass
+let scrollInViewClass
 
 const check = (item, i, start, now, height) => {
-  const delay = parseInt(item.dataset.inviewDelay, 10) || 0
-  const offset = parseInt(item.dataset.inview, 10) || 0
+  const delay = parseInt(item.dataset.scrollInViewDelay, 10) || 0
+  const offset = parseInt(item.dataset.scrollInView, 10) || 0
 
   if (now >= start + delay) {
     const top = item.getBoundingClientRect().top
 
     if (height > top + offset) {
-      item.classList.add(inViewClass)
+      item.classList.add(scrollInViewClass)
     }
   }
 
   return item
 }
 
-const notDone = item => ! item.classList.contains(inViewClass)
+const notDone = item => ! item.classList.contains(scrollInViewClass)
 
 const init = (event, {
-  className = 'js-in-view'
+  className = 'js-scroll-in-view'
 } = {}) => {
   const start = Date.now()
 
-  inViewClass = className
+  scrollInViewClass = className
 
-  let items = [ ...document.querySelectorAll('[data-inview]') ]
+  let items = [ ...document.querySelectorAll('[data-scroll-in-view]') ]
 
   const token = event.subscribe('newContent', () => {
     const now = Date.now()