如何在所有幻灯片上添加固定页脚?

2024-02-02

我设置了一个演示文稿reveal.js这意味着在无人值守的情况下使用。因此,我希望能够在所有幻灯片上显示一个小页脚(或其他链接),指向“信息幻灯片”,其中包含有关作者、如何使用幻灯片等的数据。

(这是为了帮助那些不太了解如何使用 Reveal.js 的人以及详细显示作者信息。)

我在文档中找不到任何内容,并且似乎没有我可以利用的回调。


这对我有用(当我在右侧使用内置控件时与左边缘对齐)。

将其添加到您的 CSS 中:

.reveal .footer {
  position: absolute;
  bottom: 1em;
  left: 1em;
  font-size: 0.5em;
}

在你的html中:

<div class='reveal'>
  <div class='footer'>
    Use left and right arrows to navigate
  </div>
...

如果您希望页脚在用户导航后立即消失(即它只应显示在加载的第一张幻灯片上,因为它只是一个提醒),请将其添加到 html 的末尾:

<script>
  // displayed upon load, hides when slide changes
  Reveal.addEventListener('slidechanged', function(event) {
    document.querySelector('.reveal .footer').style.display = 'none';
  });
</script>

为了在 PDF 导出(所有幻灯片上)中获得固定内容,您可以找到这个答案 https://stackoverflow.com/a/37518822/1305344 useful.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在所有幻灯片上添加固定页脚? 的相关文章

  • 打印 Jupyter 笔记本幻灯片的最佳方式?如何设置分页符?

    我想打印我的 jupyter 笔记本并与非程序员同事分享硬拷贝 到目前为止我所做的 我已经找到隐藏代码的方法 如何隐藏使用 nbviewer 可视化的 ipython 笔记本中的单元格中的代码 我已经找到了将笔记本转换为幻灯片的方法 htm
  • 更改 Reveal.js 中的背景图像样式

    我尝试访问 Reveal js 中背景图像的样式有以下三个原因 a 我想在概览模式下覆盖背景图像 b 我想用 CSS 模糊一些背景 我发现两篇关于 SO 的文章对我有帮助 a 如何在reveal js中定位背景图片 b Reveal js
  • 如何将 Leaflet 地图嵌入到 Reveal.js 演示文稿中?

    我正在尝试创建一个在 Reveal js 之上运行的演示文稿 其中一张幻灯片中包含一个 Leaflet js 地图 我已将所有必需的 Javascript 和 CSS 文件包含到我的 Reveal js 演示文稿中 并且可以使地图显示在幻灯
  • 在 Reveal.js 演示文稿末尾重复标题幻灯片

    我想在我的四开本 Reveal js 演示文稿末尾重复我的标题幻灯片 我正在寻找类似的命令title slide或其他东西 Thanks 正如我在评论中已经提到的 您可以使用一些 javascript 代码和 CSS 在演示文稿末尾自动重复
  • 当 Reveal.js 幻灯片激活时如何触发 GSAP 功能?

    我想在演示文稿中添加一些简单的动画 我使用 GSAP TweenMax 来完成这项工作 我对动画设置没有问题 但是这些动画在演示开始后立即触发 我如何控制它 以便只有当带动画的幻灯片处于活动状态时脚本才会执行 欢迎您提供所有帮助 问候 ED
  • Reveal.js HTML 代码语法高亮显示而不渲染

    针对 Reveal js 用户的问题 我试图在 Reveal js 演示文稿中显示 HTML 标记 问题是它在我的代码语法突出显示块中呈现 html 块 因此看不到标记 有没有解决的办法 下面的例子 section h2 Pretty Co
  • SVG 和 RevealJS 中的鼠标位置

    我正在使用 RevealJS 创建演示文稿 并希望合并一些使用 D3 创建的交互式 SVG 可视化效果 我以前曾多次毫无困难地完成此操作 但这次遇到了一些困难 经过一番调试后 我将问题追溯到以下内容 由于某种原因 当整个内容包含在 Reve
  • 如何在reveal.js中放置背景图片?

    我希望在 Reveal js 演示文稿中的一张幻灯片的右侧有一个背景图像 我将图像添加到幻灯片中 如下所示 section content section 如何添加 css 样式以使其显示在屏幕的右边缘 这篇文章帮助找到了解决方案 http
  • 当某张幻灯片出现在reveal.js中时执行函数

    我用这个 javascript 框架创建了一个演示文稿http lab hakim se reveal js http lab hakim se reveal js 当某些幻灯片出现时 我想执行函数 stats 它每 5 秒显示来自 API
  • 通过 Reveal.js 幻灯片实现多重功能

    我想创建Reveal js https github com hakimel reveal js 使用 Slides com 进行演示界面 http slides com 为了节省时间 然后添加多路复用 https github com h
  • Reveal JS 无法在幻灯片中滚动

    我正在使用 Reveal JS 进行演示 如果我在标签中放置更多文本 它就会隐藏在屏幕下方 但右侧没有滚动条 想知道我是否可以修复 css 以引入垂直滚动条并通过滚动使隐藏内容可见 这是要更改的CSS 我认为 reveal slides s
  • 为手势控制的网站生成事件

    我很高兴有机会在基于手势的网站上工作 对此我有一些启发 link http when it rains com gesture php 我访问了很多网站并用谷歌搜索 维基百科和 gitHub 也没有多大帮助 由于这些技术还处于起步阶段 因此
  • 如何在所有幻灯片上添加固定页脚?

    我设置了一个演示文稿reveal js这意味着在无人值守的情况下使用 因此 我希望能够在所有幻灯片上显示一个小页脚 或其他链接 指向 信息幻灯片 其中包含有关作者 如何使用幻灯片等的数据 这是为了帮助那些不太了解如何使用 Reveal js
  • JupyterLab + Reveal.JS → 如何隐藏代码单元格?

    我想知道导出到 Reveal JS 时如何隐藏笔记本中的代码单元 从幻灯片单元格开始 例如 I 使用 Property Inspector 添加标签 In JupyterLab Property Inspector Cell Metadat
  • 动态地从 Reveal.JS 添加/删除幻灯片

    使用 Reveal js 运行演示文稿时是否可以添加 删除幻灯片 准确地说 是否有一个 API 可以实现这一点 或者可能有一些肮脏的解决方法 我对即将到来的项目也对此感到好奇 环顾四周 找不到任何东西 所以我为自己的项目写了一些东西 附加在
  • IPython 笔记本到幻灯片:Reveal 未定义

    我正在使用 nbconvert 从我的笔记本制作一个 Reveal js 幻灯片 具体来说 我正在运行 ipython nbconvert to slides analysis ipynb 这将创建 analysis slides html
  • 隐藏标题页上的幻灯片编号

    我在用 Reveal initialize slideNumber true 是否有可能隐藏标题页上的幻灯片编号 我是这样做的 Reveal addEventListener slidechanged event gt const isFi
  • 自定义 IPython 笔记本/Jupyter 幻灯片放映

    我使用 IPython Notebook Jupyter 的幻灯片功能创建了一个幻灯片 效果很好 我通过以下方式创建并托管了幻灯片ipython nbconvert 这也很好用 但我找不到任何如何自定义幻灯片的信息 显然我必须定制Revea
  • 位置:在reveal.js中固定

    我正在尝试为我的reveal js 演示文稿制作一个标题 使其粘贴在屏幕顶部 标题中的内容在每张幻灯片的基础上都是动态的 因此我必须将标记放置在部分标记内 显然 如果标记位于部分标记内 position fixed 并不能真正在 Revea
  • 我可以将reveal.js 幻灯片对齐到页面顶部吗?

    我正在使用reveal js 并试图弄清楚如何强制我的幻灯片到页面的最左上角 这看起来应该很简单 但是当我使用元素检查器时 它从根本上改变了页面 以至于我什至无法开始将幻灯片移至顶部的归零 将其添加到我的主题中 reveal slides

随机推荐

  • 验证 struts 2 中的双字段

    我的 struts 2 表单之一中有一个 长度 字段 length 的数据类型是 double 我已经在 XML 文件中应用了 双重 验证 但是当我在 长度 文本字段中键入字母时 它显示错误消息为 Invalid field value f
  • 我搞砸了我的 System_server 服务吗?

    我的手机正在产生不间断的 Log d 输出 以下内容不断重复每秒1200次 04 25 15 58 04 883 1542 5012 D NetworkStatsCollection getHistory mUID 10266 isVide
  • antlr4:如何知道在给定上下文的情况下选择了哪个替代方案

    假设有一个关于 类型 的规则 它可以是预定义类型 由 IDENTIFIER 引用 或 typeDescriptor type IDENTIFIER typeDescriptor 在我的程序中 我有一个 typeContext ctx 的实例
  • 垂直对齐:基线有什么用?

    我以为我了解 CSS 但我现在需要向某人解释一些事情 但我发现我做不到 我的问题基本上可以归结为 为什么vertical align baseline当同一行中有其他对齐时被忽略 示例 如果第二个跨度有vertical align bott
  • 实体框架4:我的load方法和IsLoaded属性在哪里?

    我正在使用 EF4 并且在我的类中使用 System Data Entity dll 但是 我看不到实体的导航属性的加载方法 我怎样才能访问这个方法 我正在做的是创建 NET 的 e 4 0 项目 从数据库创建我的 edmx 右键单击模型
  • 在 Android studio 项目上找不到参数的方法 test()

    在我的 Android 应用程序中 我想排除包中的一些测试用例 以便我使用test任务在build gradle文件 例如 apply plugin com android library test exclude calltest Sum
  • 无法生成云端点类

    亲爱的程序员朋友们 我对编程非常陌生 我正在遵循有关使用应用程序引擎后端教程的教程 然而我一路上遇到了一些问题 我已经设置了 App Engine 后端应用程序项目 创建了一个 CheckIn 实体类 之后 我按照说明创建一个名为 Chec
  • Oracle 存储过程出错

    当尝试创建此存储过程时 我收到错误 PLS 00428 此 SELECT 语句中需要 INTO 子句 Code CREATE OR REPLACE PROCEDURE FindDb P BookId IN BOOKMASTER BookId
  • 如何在 MATLAB 中动态访问结构体字段的字段?

    我对访问可能埋藏在包含结构深处的任意数量的级别的字段的一般问题感兴趣 下面是使用两个级别的具体示例 说我有一个结构toplevel 我使用以下命令从 MATLAB 命令行定义它 midlevel bottomlevel foo toplev
  • 如何从远程 Windows 计算机检索计算机名称?

    我正在尝试找到一种从 C 中的 IP 地址检索计算机名称的方法 但所有答案都在线标记为检索计算机名称或计算机名称actually获取主机名 而不是计算机名 如果您转到 控制面板 gt 系统 该菜单中有一个属性 计算机名称 我正在远程计算机上
  • 为什么 BeautifulSoup .children 包含无名元素以及预期标签

    Code usr bin env python3 from bs4 import BeautifulSoup test table tbody tr td div b Icon b div td tr tbody table soup Be
  • 有没有办法创建 Kubernetes Secret 子目录?

    库伯内斯 Secrets创建作为安装的文件卷挂载 可以将多个文件放入一个 Secret 中 有没有办法创建一个 Secret 将文件放入目录结构 即在文件夹中 文档中没有任何迹象 并且使用 密钥名称中不允许使用 所以看起来这是不可能的 除了
  • 是否有任何理由使用普通纯数据而不是 Pd 扩展?

    我刚刚开始使用 Pd 想知道在选择使用 Pd 时我会考虑哪些因素Pd vanilla vs Pd extended 对于初学者来说 Pd extended 提供了许多方便的工具 并附带了许多已预安装的外部组件 抽象和 GUI 插件 以及直接
  • 使用线程时 Gui 冻结

    我被困住了 希望有人能帮助我 我制作了一个类 GUI 其中的加载栏设置为选取框 以便在执行任务时我可以将其显示给用户 在我的一个 gui 类中 在第一行的构造函数中 我正在创建该类的一个新实例 然后执行 LoadingBar bar new
  • 如何通过包含点的键访问groovy中的映射值?

    我有这样的地图 data user name John user surname Doe city NY 我可以通过这种方式访问 属性 城市 data city 是否有类似的方法来访问 user name 属性 假设你的意思是 data u
  • 如何在没有 where 子句的情况下计算两个不同表中两列的总和?

    我使用以下 sql 语句对两个不同表中两列的值求和 该语句可以输出但不是想要的结果 SELECT SUM income rate AS Income SUM expense rate AS Expense SUM income rate S
  • 如何在 Jupyterhub/Jupyterlab 中初始化笔记本/工作目录的内容?

    如果我在 JupyterHub 中创建一个新用户 我希望使用一些入门示例来初始化相应 JupyterLab 实例的工作目录 我已经安装了 Jupyterlab 的 git 扩展 有没有办法自动为新用户克隆 git 存储库 这是关于 Spaw
  • 为什么 ng-style 不能在与自定义指令相同的元素上工作?

    我正在尝试在自定义指令标签上应用 ng style 属性 有点像这样
  • 如何将 Option[Try[_]] 转换为 Try[Option[_]]?

    我经常使用下面的函数来转换Option Try to Try Option 但感觉不对 这样的功能可以用更惯用的方式表达吗 def swap T optTry Option Try T Try Option T optTry match c
  • 如何在所有幻灯片上添加固定页脚?

    我设置了一个演示文稿reveal js这意味着在无人值守的情况下使用 因此 我希望能够在所有幻灯片上显示一个小页脚 或其他链接 指向 信息幻灯片 其中包含有关作者 如何使用幻灯片等的数据 这是为了帮助那些不太了解如何使用 Reveal js