js 垂直水平滚动 插件

class VerticalScroller {
  constructor(element, options = {}) {
    this.element = element;
    this.options = {
      speed: options.speed || 1,
      direction: options.direction || 'up',
      loop: options.loop || true,
      ...options
    };
    this.intervalId = null;
    this.init();
  }

  init() {
    this.startScrolling();
  }

  startScrolling() {
    const { speed, direction, loop } = this.options;
    const scrollStep = direction === 'up' ? -speed : speed;
    const maxScroll = this.element.scrollHeight - this.element.clientHeight;

    this.intervalId = setInterval(() => {
      this.element.scrollTop += scrollStep;
      if ((direction === 'up' && this.element.scrollTop <= 0) || (direction === 'down' && this.element.scrollTop >= maxScroll)) {
        if (loop) {
          this.element.scrollTop = direction === 'up' ? maxScroll : 0;
        } else {
          this.stopScrolling();
        }
      }
    }, 20);
  }

  stopScrolling() {
    clearInterval(this.intervalId);
  }
}

// 使用示例
const scrollerElement = document.querySelector('.scroller');
const scroller = new VerticalScroller(scrollerElement, { speed: 1, direction: 'up', loop: true });