vue el-row鼠标滑动页面时位置不变
时间: 2023-02-07 08:25:18 浏览: 229
在 Vue 中使用 el-row 时,如果鼠标滑动页面时 el-row 的位置不变,可能是因为您的 el-row 设置了固定定位(position: fixed)。您可以尝试将 el-row 的 position 设置为 absolute 或 relative,或者去掉 position 的设置。
相关问题
vue el-row页面滑动时保持在页面最顶部
可以在 el-row 元素上使用 v-bind:style="{ position: 'sticky', top: 0 }" 将其绑定到页面顶部。这样当页面滑动时,el-row 将保持在页面的最顶部。
例如:
```
<template>
<el-row v-bind:style="{ position: 'sticky', top: 0 }">
<!-- 内容 -->
</el-row>
</template>
```
vue滑动页面时固定el-row
你可以使用 `position: fixed` 来固定 `el-row`。
首先,你需要在你的 CSS 中给 `el-row` 添加 `position: fixed` 属性。然后,你可以使用 `top` 和 `left` 属性来控制 `el-row` 的位置。
例如,如果你想要将 `el-row` 固定在页面顶部,你可以这样写:
```css
.el-row {
position: fixed;
top: 0;
left: 0;
}
```
如果你想要更精确地控制 `el-row` 的位置,你可以使用 `right` 和 `bottom` 属性。
例如,如果你想要将 `el-row` 固定在页面底部,你可以这样写:
```css
.el-row {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
```
希望这能帮到你!
阅读全文