lili668668

<template>
  <div
    ref="viewport"
    :style="{ height: `${viewportHeight}px` }"
    @scroll.passive="onScroll"
  >
    <div
      :style="{ height: `${totalHeight}px` }"
    >
      <section

lili668668

  offsetBody () {
    const scrollTop = (this.$refs.viewport as Element).scrollTop
    const remainTopNumber = Math.floor(this.remainLineNumber / 2)
    const remainTopHeight = remainTopNumber * this.renderLineHeight
    const remainBottomHeight = (this.remainLineNumber - remainTopNumber) * this.renderLineHeight
    const thresholdHeight = this.thresholdNumber * this.renderLineHeight
    const gap = scrollTop - this.bodyTranslateY
    const overThreshold = gap < remainTopHeight - thresholdHeight || gap > remainTopHeight + thresholdHeight
    const isReachBottom = this.totalHeight - (scrollTop + this.viewportHeight) < remainBottomHeight
    const isReachTop = scrollTop < remainTopHeight

lili668668

<template>
  <div
    ref="viewport"
    :style="{ height: `${containerHeight}px` }"
    @scroll.passive="onScroll"
  >
    <table
      :class="$style.header"
    >
      <thead>

lili668668

<template>
  <div>
    <table
      :style="{ maxWidth: `${bodyWidthString}` }"
    >
      <thead ref="head">
        <tr>
          <th
            v-for="(header,index) in headers"
            :key="index"