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

Html 闪亮应用的导航栏干扰rmarkdown网页的导航栏,html,r,iframe,shiny,r-markdown,Html,R,Iframe,Shiny,R Markdown,我正在为我的实验室建立一个网页,在我们的产品中 这是一款用来检测全球气候变化的闪亮应用 这是该页面中的选项,这是应用程序的外观,正如您在菜单中看到的。有三个选项在网站中看不到,在简介选项卡中,简介、工作流、关于和更改日志应该可见 yaml网站 我使用经典rmarkdown网站构建制作了一个网页,因此我的网页yaml如下所示: name: "Sitio web de ecoinformática del laboratorio Marquet" navbar: title: "Ecoinfor

我正在为我的实验室建立一个网页,在我们的产品中 这是一款用来检测全球气候变化的闪亮应用

这是该页面中的选项,这是应用程序的外观,正如您在菜单中看到的。有三个选项在网站中看不到,在简介选项卡中,简介、工作流、关于和更改日志应该可见

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 在GCM compareR应用程序的选项卡中,我有以下内容:

---
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%"">
哪种可以,但我不能确定宽度


欢迎提供任何帮助

通过调整iframe的高度和顶部选项,闪亮的应用程序导航栏可以向下移动几个像素:

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

我在这两个链接上都看不到这些选项。我可以看到这两个选项的最底部。你可以轻松地垫上闪亮的导航栏,使其悬挂得足够低,以便在网站导航栏下方完全可见。这是一个简单的解决方案,更难但更有趣的解决方案是光标触发导航栏。考虑到我看不到这两个页面上的选项,我猜您可以看到,这可能是浏览器/监视器相关的问题,这意味着光标激活导航栏将是一个更稳健的解决方案。我认为@Chabo也是如此,知道怎么做吗?实现这一点的最佳方法是使用shinyjs函数中的
切换。看这里
<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%"">
```{r}
knitr::include_app("http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/", height = "600px")
```
<iframe src="http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/"style="border: 0; position:absolute; top:5%; left:0; right:0; bottom:0; width:100%; height:95%"">
</iframe>