fix: 🐛 内嵌文档混合模式出现外部滚动条问题修复

src/views/demo/internal-doc.vue

@@ -1,6 +1,5 @@
-<script setup lang="ts"></script>
 <template>
-  <div class="iframe-wrap">
+  <div class="app-container">
     <iframe
       src="https://juejin.cn/post/7228990409909108793"
       frameborder="0"
@@ -8,14 +7,22 @@
   </div>
 </template>
 <style lang="scss" scoped>
-.iframe-wrap {
+/** 关闭tag标签  */
-  position: absolute;
+.app-container {
-  inset: 0;
+  /* 50px = navbar = 50px */
-  width: 100%;
+  height: calc(100vh - 50px);
+}
 
-  iframe {
+/** 开启tag标签  */
-    width: 100%;
+.hasTagsView {
-    height: 100%;
+  .app-container {
+    /* 84px = navbar + tags-view = 50px + 34px */
+    height: calc(100vh - 84px);
   }
 }
+
+iframe {
+  width: 100%;
+  height: 100%;
+}
 </style>