javascript 返回顶部 - 使用ES6类

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 返回顶部 - 使用ES6类相关的知识,希望对你有一定的参考价值。

/**
* Scrolls to top of page.
*
* @param {event} event - Prevents the default event of the trigger.
*/
function animateToTop(event) {
  event.preventDefault();
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
  });
}

/**
* Scrolls to top of page.
*
*/
export class BackToTop {
/**
* Constructor.
*
*/
  constructor() {
    const button = document.querySelector('.js-back-to-top');

    if (button) {
      button.addEventListener('click', animateToTop);
    }
  }
}

以上是关于javascript 返回顶部 - 使用ES6类的主要内容,如果未能解决你的问题,请参考以下文章

ES6语法

javascript JavaScript滚动到ID - 使用ES6类

javascript 常见问题 - 使用ES6类

es6 学习心得

JavaScript高级class类ES6实现继承ES6对象增强

JavaScript高级class类ES6实现继承ES6对象增强