框架7->；CSS：如何使popover下的选项卡可滚动

我的问题与实现有关，但基本上是一个CSS问题：

我有

选项卡

在

弹出框下

。我需要使这些标签内容垂直滚动。选项卡的默认实现启用了滚动，但当这些选项卡被放置在popover（如果您愿意，则为模态）下时，这些选项卡将停止滚动

为了更好地解释这个问题，我做了一个基本的解释。在小提琴中，如果单击“

单击我”

，然后转到“

帐户”

”选项卡，您将注意到该选项卡不可滚动

谢谢

好了，修复了：

添加了以下CSS：

 .popover-inner {
    max-height:100vh !important;
  }
.list-block ul {
    overflow-Y:auto;
  }

如果您希望菜单适合屏幕，最好将

100vh

更改为较低的值。祝你好运

法斯托·纳很棒

有一个小问题，因为popover有顶部边距（通常为8px）

因此需要这样的东西：

.popover-inner {
    max-height: calc(100vh - 8px) !important;      // last fallback
    max-height: -webkit-fill-available !important; // fallback: supported by many webviews
    max-height: stretch !important;                // still not widely supported
}

---

参考资料：

为什么你要在JSFiddle上包含整个CSS：我用http托管它，而JSFiddle想要我一个https链接。所以…：）非常感谢你。花了很长时间想弄明白这一点。