fix: 页面使用最外层滚动

frontend/src/App.vue

@@ -58,10 +58,8 @@ export default {
 
 <style>
 .header-container {
-  position: fixed;
+  position: sticky;
   top: 0;
-  left: 0;
-  right: 0;
   z-index: 1000;
 }
 
@@ -69,7 +67,7 @@ export default {
 
 .content {
   /* height: calc(100vh - var(--header-height)); */
-  padding-top: var(--header-height);
+  /* padding-top: var(--header-height); */
   flex: 1;
   max-width: 100%;
   transition: max-width 0.3s ease;

frontend/src/components/MenuComponent.vue

@@ -269,7 +269,7 @@ export default {
 <style scoped>
 .menu {
   position: sticky;
-  top: 0;
+  top: var(--header-height);
   width: 200px;
   background-color: var(--menu-background-color);
   height: calc(100vh - 20px - var(--header-height));
@@ -279,7 +279,6 @@ export default {
   padding: 10px;
   overflow-y: auto;
   scrollbar-width: none;
-  padding-top: calc(var(--header-height) + 10px);
 }
 
 .menu-item-container {

frontend/src/views/PostPageView.vue

@@ -662,12 +662,9 @@ export default {
 }
 
 .post-page-main-container {
-  overflow-y: auto;
   scrollbar-width: none;
   padding: 20px;
-  height: calc(100% - 40px);
   width: calc(85% - 40px);
-  padding-top: 20px;
 }
 
 .post-page-scroller-container {