时间戳

首页 > 解决方案 > 位置粘性不起作用（Element.io 和 VueJS）

html - 位置粘性不起作用（Element.io 和 VueJS）

问题描述

我的左侧菜单上的粘滞位置有问题。粘性位置不起作用。

我使用 VueJS 和 Element.io ( https://element.eleme.io/#/fr-FR/component/layout )。

感谢您对未来的帮助！

<el-row :gutter="24" type="flex" justify="start">
      <el-col :span="6" class="sidebar">
        <el-menu default-active="1" @open="handleOpen" @close="handleClose">
          <el-menu-item index="1">
            <i class="el-icon-document"></i>
            <span>Mes documents</span>
          </el-menu-item>
          <el-menu-item index="2">
            <i class="el-icon-star-on"></i>
            <span>Mes favoris</span>
          </el-menu-item>
        </el-menu>
      </el-col>
      <el-col :span="18">
        <div class="tableDocuments grid-content">
          <!-- A table -->
        </div>
      </el-col>
    </el-row>

我的 CSS

<style scoped>

.sidebar {
  position: sticky;
  height: 200px;
  top: 0;
}

</style>

标签： htmlcssvue.jsstickyelement-ui

解决方案

推荐阅读