vue-seamless-scroll控件怎么固定第一行

要固定vue-seamless-scroll控件的第一行，可以通过CSS样式来实现。具体步骤如下：
1. 给vue-seamless-scroll控件的外层容器设置一个固定高度，并设置overflow为hidden，这样就可以将滚动内容限制在容器内。
2. 给vue-seamless-scroll控件的滚动内容容器设置一个固定高度，并设置position为relative，这样就可以将滚动内容容器相对于外层容器进行定位。
3. 给vue-seamless-scroll控件的第一行元素设置一个固定高度，并设置position为absolute，top为0，left为0，这样就可以将第一行元素固定在滚动内容容器的顶部。
下面是一个示例代码：

<template>
  <div class="scroll-container">
    <vue-seamless-scroll :list="listData" :option="defaultOption">
      <div class="scroll-content">
        <div class="scroll-item" v-for="(item, index) in listData" :key="index">
          {{ item.title }} - {{ item.date }}
        </div>
      </div>
    </vue-seamless-scroll>
  </div>
</template>

<style>
.scroll-container {
  height: 100px;
  overflow: hidden;
}

.scroll-content {
  height: 100%;
  position: relative;
}

.scroll-item:first-child {
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
</style>

在上面的示例代码中，我们给vue-seamless-scroll控件的外层容器.scroll-container设置了一个固定高度100px，并将overflow设置为hidden。然后给滚动内容容器.scroll-content设置了一个固定高度100%和position为relative。最后，我们给第一行元素.scroll-item:first-child设置了一个固定高度30px和position为absolute，top为0，left为0，这样就可以将第一行元素固定在滚动内容容器的顶部了。