我设置了一个演示文稿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(使用前将#替换为@)