打开 amp-sidebar 时如何启用滚动

Question

我有一个侧边栏：

<script custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" async></script>
<amp-sidebar id="header-sidebar" layout="nodisplay" side="right">
    ...
</amp-sidebar>

但是当侧边栏打开时我无法滚动页面。我看到 <html> 标签有这个 class i-amphtml-scroll-disabled.

#i-amphtml-wrapper.i-amphtml-scroll-disabled, 
.i-amphtml-scroll-disabled {
    overflow-x: hidden!important;
    overflow-y: hidden!important;
}

但我无法在 AMP 中使用 !important，这就是我无法覆盖这些样式的原因。
那么如何在打开菜单时在页面上启用滚动？

Answer 1

如您所见，如果它是 AMP 样式的一部分，则无法覆盖或修改。这样做会使您的页面无效。

如果您的侧边栏对于视口来说太高，它将只允许侧边栏滚动。请参阅下面我帮助维护的网站的屏幕截图 - 当视口比侧边栏短时，会出现滚动条（红色圆圈）。

打开 amp-sidebar 时如何启用滚动

How to enable scroll when amp-sidebar is opened

css

scroll

amp-html