所需脚本→ ></script> 描述→ <amp-sidebar> 隐藏用于临时访问的元内容(导航链接、按钮、菜单等)。<amp-sidebar> 可以通过点击按钮以及点击 amp-sidebar 外部来打开和关闭。但是,接受媒体查询的可选属性可以在站点的其他部分显示元内容。子 元素允许侧边栏中的的其他部分上。
侧边栏只能出现在页面的左侧或右侧。
<amp-sidebar> 可以包含任何有效的 HTML 元素(受 AMP 支持)。电视和广播电子邮件列表 这可能包含以下任何 AMP 元素: <amp-手风琴>放大器列表> <amp-live-list> <amp-社交分享> 侧边栏的最大高度为 100vh。如果高度超过100vh,则会出现垂直滚动条。
CSS 中的默认高度为 100vh,并且可以在 CSS 中覆盖。
侧边栏宽度可以使用 CSS 设置和调整(最小宽度为 45px)。AOB 目录 当侧边栏打开时,放大器侧边栏及其遮罩上的触摸缩放将被禁用。 建议将 的直接子级,以保留逻辑 DOM 顺序(为了可访问性)并避免通过容器元素更改其行为。请注意,如果 amp-sidebar 的祖先设置了 z-index,可能会导致侧边栏出现在其他元素(例如标题)下方,从而破坏其功能。