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>标签具有此类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时如何启用滚动

1 个答案: