文章/答案/技术大牛

发布

社区首页 >问答首页 >打开边栏时如何启用卷轴？

问打开边栏时如何启用卷轴？
EN

Stack Overflow用户

提问于 2018-07-18 10:22:38

回答 1查看 992关注 0票数 0

我有个侧边栏

<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，这就是为什么我不能覆盖这些样式的原因。

那么，当菜单打开时，我如何才能在页面上启用滚动？

css

scroll

amp-html

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-18 19:51:48

如果它是AMP样式的一部分，正如您已经发现的那样，它不能被覆盖或修改。这样做将使您的页面无效。

如果您的侧边栏太高，无法使用视图端口，则只允许侧栏滚动。请参阅下面我帮助维护的站点的屏幕截图--当视图端口比侧边栏短时，滚动条(以红色圈)出现。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51399563

复制

相似问题

问打开边栏时如何启用卷轴？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问打开边栏时如何启用卷轴？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问打开边栏时如何启用卷轴？
EN