javascript JavaScript滚动到ID

Posted 2021-05-03

(function(MISK, $) {
  'use strict';

  /**
  * Scroll functionality
  * @param {scrollBlock} scrollBlock - Element to scroll to
  * @function
  */
  function Scroll(scrollBlock) {
    const scrollAnchor = scrollBlock.querySelector('.js-scroll-anchor');
    const scrollComponent = scrollAnchor.getAttribute('href');

    /**
    * Animate scroll to element
    * @param {event} event - Prevents default action of click event
    */
    function scrolling(event) {
      event.preventDefault();
      $('html, body').animate({scrollTop: $(scrollComponent).offset().top}, 500); //Using jQuery here for IE support
    }

    scrollAnchor.addEventListener('click', scrolling);
  }

  MISK.scrollArrow = {
    initialisedScrollElements: [],
    init: function() {
      const scrollAnchors = document.querySelectorAll('.js-scroll');

      for (let i = 0; i < scrollAnchors.length; i++) {
        const scrollAnchor = scrollAnchors[i];
        MISK.scrollArrow.initialisedScrollElements.push(new Scroll(scrollAnchor));
      }
    }
  };
}(window.MISK = window.MISK || {}, jQuery));