Element UI el-row 固定不滚动：使用 CSS 实现

<template>
  <div>
    <el-row class='fixed-row'>
      <!-- 内容 -->
    </el-row>
    <el-row>
      <!-- 其他内容 -->
    </el-row>
  </div>
</template>
<style>
.fixed-row {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}
</style>
<p>在上面的示例中，我们给 <code>el-row</code> 添加了一个名为 <code>fixed-row</code> 的类，并在该类中设置了 <code>position: fixed</code>，它将使 <code>el-row</code> 固定在页面的顶部。<code>top: 0</code> 和 <code>left: 0</code> 将使 <code>el-row</code> 距离页面的顶部和左侧边缘都为 0。<code>width: 100%</code> 将使 <code>el-row</code> 的宽度与页面的宽度保持一致。<code>background-color: #fff</code> 可以设置 <code>el-row</code> 的背景颜色为白色。<code>z-index: 999</code> 设置了 <code>el-row</code> 的层级，确保其在其他元素之上。</p>
<p>通过这些 CSS 属性和样式，<code>el-row</code> 将保持在固定位置，不会随着滚动条的滚动而移动。</p>