闪亮应用的导航栏干扰rmarkdown网页的导航栏

我正在为我的实验室和我们的产品创建一个网页 这是一款用来检查全球气候变化的闪亮应用程序。

website 在那个页面,这就是应用程序的外观 standalone 正如您在菜单中看到的,有三个选项在网站中看不到,在“简介”选项卡中 简介 工作流 和 变更日志

yaml网站

我使用经典的rmarkdown网站构建制作了一个网页,因此我的网页yaml如下所示:

name: "Sitio web de ecoinformática del laboratorio Marquet"
navbar:
  title: "Ecoinformática"
  left:
    - text: "Home"
      href: index.html
    - text: "Sobre nosotros"
      href: about.html
    - text: "GCM compareR app"
      href: GCMcompareR.html
    - text: Docencia
      icon: fa-gear
      menu:
      - text: Ecología BIO231c 
      - text: Modulo 1.1
        href: Modulo1.1.html
      - text: Modulo 1.2
        href: Modulo1.2.html
    - text: RPackages
      icon: fa-gear
      menu:
      - text: RPackages
      - text: NetworkExtinction
        href: VignetteNetworkExt.html
output_dir: "."
output:
  html_document:
    theme: cosmo
    highlight: textmate
    include:
    css: styles.css

实际应用Rmd

---
title: ""
output: html_document
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE) 
```

<iframe src="http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/"style="border: 0; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%"">

可能有效但无法解决的解决方案

• 在顶部添加填充以防止两个导航栏产生冲突
• 使de website的navbar成为“可部署”的,这样它只在我将光标移动到网页边缘时出现
• 将网页的导航栏更改为左侧。

我尝试过:

更改边框:

<iframe src="http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/"style="border: 100; position:absolute; top:100; left:0; right:0; bottom:0; width:100%; height:100%"">

使应用程序响应

<div class="resp-container">
    <iframe class="resp-iframe" src="http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/" style="border: 100; position:absolute; top:100; left:0; right:0; bottom:0; width:100%; height:100%"">

使用include\u应用程序

```{r}
knitr::include_app("http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/", height = "600px")
```

哪种工作,但我不能确定宽度

欢迎任何帮助