✨ feat(vscode): 代码阅读滚进卡片的子块时把外层卡片钉在顶上，同 VS Code 的 Sticky Scroll

vscode/webview-ui/src/codeReader/useReveal.ts

@@ -5,6 +5,7 @@ import { blockPath } from './filter'
 import { revealPlan, scrollTopToShow, uncoveredPlan } from './reveal'
 import { blockForLine } from './scrollPosition'
 import { measureBlocks, pinnedHeight } from './useScrollPosition'
+import { stickyHeight } from './useStickyScroll'
 
 /** 让一块或属性表里的一行闪几下（codeReader.css 的 [data-flash]）；正在闪的同一处再跳一次时从头闪。 */
 export function flash(el: HTMLElement): void {
@@ -24,10 +25,10 @@ export function flash(el: HTMLElement): void {
   el.setAttribute('data-flash', '')
 }
 
-/** 把 el 滚进钉住的筛选栏下面的视口。已经整个看得见就不滚。beforeScroll 在真正滚动前拿到将要落到的位置。 */
+/** 把 el 滚进钉住的筛选栏和外层卡片下面的视口。已经整个看得见就不滚。beforeScroll 在真正滚动前拿到将要落到的位置。 */
 export function showInViewport(el: HTMLElement, beforeScroll?: (position: ScrollPosition) => void): void {
   const rect = el.getBoundingClientRect()
-  const pinned = pinnedHeight()
+  const pinned = pinnedHeight() + stickyHeight()
   const top = scrollTopToShow(
     { top: rect.top + window.scrollY, bottom: rect.bottom + window.scrollY },
     window.scrollY,