分页做个记录下一页定位到顶部

js定义

/**

 * @param {number} to

 * @param {number} duration

 * @param {Function} callback

 */

export const scrollTo = (to: number, duration: number, callback?: any) => {

  const start = position();

  const change = to - start;

  const increment = 20;

  let currentTime = 0;

  duration = typeof duration === "undefined" ? 500 : duration;

  const animateScroll = function () {

    // increment the time

    currentTime += increment;

    // find the value with the quadratic in-out easing function

    const val = easeInOutQuad(currentTime, start, change, duration);

    // move the document.body

    move(val);

    // do the animation unless its over

    if (currentTime < duration) {

      requestAnimFrame(animateScroll);

    } else {

      if (callback && typeof callback === "function") {

        // the animation is done so lets callback

        callback();

      }

    }

  };

  animateScroll();

};

使用

 <div :class="{ hidden: hidden }" class="pagination">

    <el-pagination

      v-model:current-page="currentPage"

      v-model:page-size="pageSize"

      :background="background"

      :layout="layout"

      :page-sizes="pageSizes"

      :total="total"

      @size-change="handleSizeChange"

      @current-change="handleCurrentChange"

    />

  </div>



function handleSizeChange(val: number) {

  emit("pagination", { page: currentPage, limit: val });

  if (props.autoScroll) {

    scrollTo(0, 800);

  }

}



function handleCurrentChange(val: number) {

  currentPage.value = val;

  emit("pagination", { page: val, limit: props.limit });

  if (props.autoScroll) {

    scrollTo(0, 800);

  }

}