You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

声明式创建CdkConnectedOverlay时如何使用滚动策略

嘿,关于 CdkConnectedOverlay 我可以给你详细讲讲:

它是 Angular CDK 里用来简化声明式创建 Overlay的指令,提供了超多 @Input() 属性,绝大多数属性的作用都很直观,一看就明白怎么用。

给你个基础的示例代码,一看就懂:

<ng-template cdkConnectedOverlay 
             cdkConnectedOverlayOpen="true" 
             cdkConnectedOverlayOffsetX="0" 
             cdkConnectedOverlayOffsetY="0">
  <span>I'm an overlay</span>
</ng-template>

另外要提一句,这个指令里还包含一个专门用来定义滚动策略的属性,你可以通过它来配置 Overlay 在页面滚动时的表现,比如跟着触发元素滚动、固定在视口某个位置之类的。

内容的提问来源于stack exchange,提问作者Jack

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 09:54:28