如何设置CSS,以便在向下滚动时选择按钮不会移动?

时间:2019-11-28 20:47:38

标签: css vue.js vue-component vuetify.js

我的脚本是这样的:

<v-col
    cols="12"
    md="12"
    style="position: -webkit-sticky; position: sticky; bottom: 0;background: white;"
>
    <v-btn class="success" block>Select</v-btn>
</v-col>

演示和完整的代码如下: https://codepen.io/happyforever/pen/vYYoYNw?editors=1010

您可以在移动版本中尝试并向下滚动。当滚动条位于最低位置时,选择按钮会向上移动

我希望选择按钮在向下滚动时不移动

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

使用位置:固定

{{1}}

编辑
v-container 默认具有填充。在底部将其设置为0。这样可以解决您的问题。