我有一个演示文稿设置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] 删除。
我来说两句