【问题标题】:The page is scroll although the drawer is open fixed and temporary尽管抽屉是固定和临时打开的,但页面是滚动的
【发布时间】:2020-07-03 05:21:07
【问题描述】:

我在我的应用程序中添加了一个 vuetify 抽屉,并将位置设置为 fixed 和 temporary。

当抽屉打开时(并且我有覆盖),当我尝试滚动抽屉时,保持原位 - 很好。但问题是事件传递到页面,页面是滚动的。

我该如何解决这个问题?

我在codesandbox上的代码。

  • 打开链接
  • 点击切换,抽屉打开。
  • 尝试滚动(用鼠标)
  • 如果你这样做了,那就糟糕了。

【问题讨论】:

    标签: css vue.js vuetify.js


    【解决方案1】:

    你的问题是你给了包装器 div height:3000px。 您必须将其设置为 height:100vh - 在这种情况下,它将占用屏幕的最大高度(例如 100%)

    【讨论】:

    • 没有。我想将高度设置为 3000px 以模拟滚动情况。
    • 那么你想让它滚动还是不滚动呢?不清楚……
    猜你喜欢
    • 2021-03-15
    • 2019-04-04
    • 2021-12-16
    • 1970-01-01
    • 1970-01-01
    • 2012-07-18
    • 1970-01-01
    • 1970-01-01
    • 2019-10-19
    相关资源
    最近更新 更多