demongodYY

export const scrollToTop = () => {
  const c = document.documentElement.scrollTop || document.body.scrollTop;
  if (c > 0) {
    window.requestAnimationFrame(scrollToTop);
    window.scrollTo(0, c - c / 8);
  }
};


export const getScrollPosition = (el = window) =>

demongodYY

const scrollToTop = () => {
  const c = document.documentElement.scrollTop || document.body.scrollTop;
    if (c > 0) {
    window.requestAnimationFrame(scrollToTop);
    window.scrollTo(0, c - c / 8);
  }
};

demongodYY

//findCallBack: (item, rawItem) => boolean
const filterDuplicateWhen = (array, findCallback) => {
  return array.filter((item, index, rawArray) => 
    rawArray.findIndex(rawItem => findCallback(item, rawItem)) === index
  );
};

demongodYY

const randomKey = (width = 6) => {
  const randomNum = Math.random();
  return randomNum.toString(16).slice(-1 * width);
};

demongodYY

<div class="bottom">
  <div class="paper">
    <p>You are<br>the <span class="highlight">CSS</span><br>to my <span class="highlight">HTML</span></p>
  </div>
</div>