feat: 添加固定顶部导航和右侧面板粘性效果

Signed-off-by: wangsimiao1 <wangsimiao1@xiaomi.com>

Author: WangSimiao2000

assets/css/jekyll-theme-chirpy.scss

@@ -19,3 +19,27 @@ html {
 html::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
+
+/* Fix: overflow:hidden on #main-wrapper breaks sticky positioning.
+   Use overflow:clip instead — same visual clipping, but doesn't create a scroll container */
+#main-wrapper {
+  overflow: clip;
+}
+
+/* Keep topbar sticky at the top */
+#topbar-wrapper {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1030;
+  background-color: var(--topbar-bg);
+  opacity: 1;
+}
+
+/* Keep right panel (trending tags + recent updates) always sticky */
+#panel-wrapper > .access {
+  position: -webkit-sticky !important;
+  position: sticky !important;
+  top: 5rem;
+  transition: none !important; /* remove the top transition that causes the jump */
+}