Question

我的演示文稿设置为reveal.js，无意中使用。所以，我希望能够在所有指向“信息幻灯片”的幻灯片上显示一个小页脚（或某个地方的其他链接）。有关作者的数据，如何使用幻灯片等。

（这是为了帮助那些不知道如何使用reveal.js以及详细显示作者身份信息的人。）

我无法在文档中找到任何内容，似乎没有我可以使用的回调。

Answer 1

这对我有用（当我在右边使用内置控件时左对齐）。

将此添加到您的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导出中获取固定内容（在所有幻灯片上），您可以发现this answer有用。

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

1 个答案: