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

监禁

我有一个演示文稿设置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导出中(在所有幻灯片上)获得固定的内容,您可以找到此答案有用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在幻灯片中的可见幻灯片上添加“活动”类?

来自分类Dev

我将如何纠正此代码,以便我要使用的幻灯片动画在所有浏览器上都能正常工作?

来自分类Dev

加载时如何阻止幻灯片垂直显示所有幻灯片

来自分类Dev

如何在Bxslider中的新幻灯片上滑动新幻灯片?

来自分类Dev

删除PowerPoint幻灯片上的所有形状

来自分类Dev

如何在 iOS 上的 mapView 上添加固定栏

来自分类Dev

如何在“最简单的jQuery幻灯片”上添加导航箭头?

来自分类Dev

如何在jQuery Cycle 2 Div元素幻灯片上添加分页?

来自分类Dev

如何在幻灯片之间添加平滑过渡?

来自分类Dev

如何在magento前端中添加幻灯片

来自分类Dev

如何在sencha touch轮播上添加固定按钮

来自分类Dev

如何在sencha touch轮播上添加固定按钮

来自分类Dev

如何在网页上添加固定的侧边栏?

来自分类Dev

如何在幻灯片上设置iframe视频?

来自分类Dev

如何在光滑的幻灯片上制作实际点?

来自分类Dev

如何在没有jQuery的情况下制作幻灯片(上/下)?

来自分类Dev

幻灯片与页脚重叠

来自分类Dev

如何向幻灯片添加字幕

来自分类Dev

如何添加PowerPoint幻灯片标题?

来自分类Dev

如何在所有Windows上添加通用控件?

来自分类Dev

如何在同一网页上添加第二个幻灯片

来自分类Dev

如何重用从图库到博客的特定功能,以在所有帖子的图库视图和幻灯片视图中的特定帖子之间切换

来自分类Dev

如何在幻灯片有效的情况下向相对布局添加相对布局?

来自分类Dev

Js:每次在部分中滚动并返回到幻灯片部分时,使div出现在所有幻灯片中

来自分类Dev

javascript幻灯片内容可一次打开所有幻灯片

来自分类Dev

在Powerpoint 2016中将文本框添加到所有幻灯片

来自分类Dev

如何仅用一个代码在所有幻灯片中做某事?

来自分类Dev

Bootstrap Carousel会影响更改幻灯片上的所有字体

来自分类Dev

如何从Excel向幻灯片幻灯片添加图片

Related 相关文章

  1. 1

    如何在幻灯片中的可见幻灯片上添加“活动”类?

  2. 2

    我将如何纠正此代码,以便我要使用的幻灯片动画在所有浏览器上都能正常工作?

  3. 3

    加载时如何阻止幻灯片垂直显示所有幻灯片

  4. 4

    如何在Bxslider中的新幻灯片上滑动新幻灯片?

  5. 5

    删除PowerPoint幻灯片上的所有形状

  6. 6

    如何在 iOS 上的 mapView 上添加固定栏

  7. 7

    如何在“最简单的jQuery幻灯片”上添加导航箭头?

  8. 8

    如何在jQuery Cycle 2 Div元素幻灯片上添加分页?

  9. 9

    如何在幻灯片之间添加平滑过渡?

  10. 10

    如何在magento前端中添加幻灯片

  11. 11

    如何在sencha touch轮播上添加固定按钮

  12. 12

    如何在sencha touch轮播上添加固定按钮

  13. 13

    如何在网页上添加固定的侧边栏?

  14. 14

    如何在幻灯片上设置iframe视频?

  15. 15

    如何在光滑的幻灯片上制作实际点?

  16. 16

    如何在没有jQuery的情况下制作幻灯片(上/下)?

  17. 17

    幻灯片与页脚重叠

  18. 18

    如何向幻灯片添加字幕

  19. 19

    如何添加PowerPoint幻灯片标题?

  20. 20

    如何在所有Windows上添加通用控件?

  21. 21

    如何在同一网页上添加第二个幻灯片

  22. 22

    如何重用从图库到博客的特定功能,以在所有帖子的图库视图和幻灯片视图中的特定帖子之间切换

  23. 23

    如何在幻灯片有效的情况下向相对布局添加相对布局?

  24. 24

    Js:每次在部分中滚动并返回到幻灯片部分时,使div出现在所有幻灯片中

  25. 25

    javascript幻灯片内容可一次打开所有幻灯片

  26. 26

    在Powerpoint 2016中将文本框添加到所有幻灯片

  27. 27

    如何仅用一个代码在所有幻灯片中做某事?

  28. 28

    Bootstrap Carousel会影响更改幻灯片上的所有字体

  29. 29

    如何从Excel向幻灯片幻灯片添加图片

热门标签

归档