Html 闪亮应用的导航栏干扰rmarkdown网页的导航栏
我正在为我的实验室建立一个网页,在我们的产品中 这是一款用来检测全球气候变化的闪亮应用 这是该页面中的选项,这是应用程序的外观,正如您在菜单中看到的。有三个选项在网站中看不到,在简介选项卡中,简介、工作流、关于和更改日志应该可见 yaml网站 我使用经典rmarkdown网站构建制作了一个网页,因此我的网页yaml如下所示: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
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>