gpt4 book ai didi

位置:固定在reveal.js中

转载 作者:行者123 更新时间:2023-12-03 14:15:04 30 4
gpt4 key购买 nike

我正在尝试为我的reveal.js 演示文稿制作一个标题,该标题会粘贴在屏幕顶部。标题中的内容在每张幻灯片的基础上都是动态的,因此我必须将标记放在 section 标记中。

显然,如果标记在 section 标记内, position:fixed 并不能真正在reveal.js 中提供令人满意的结果。我无法真正弄清楚为什么会这样,但我在 github repo 中找到了一些信息,建议设置演示文稿大小以适应视口(viewport)大小:

Reveal.initialize {
...
width: '100%',
height: '100%',
...
}

但它仍然对我不起作用 - 似乎演示文稿并没有真正受到上述影响。这是一个演示:

https://dl.dropboxusercontent.com/u/706446/_linked%20stuff/reveal.js/index.html

任何想法如何解决这个问题?

最佳答案

将此添加到 css:

.reveal.slide .slides > section, .reveal.slide .slides > section > section {
min-height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
position: absolute !important;
top: 0 !important;
align-items: center !important;
}
section > h1, section > h2 {
position: absolute !important;
top: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
left: 0 !important;
right: 0 !important;
text-align: center !important;
}
.print-pdf .reveal.slide .slides > section, .print-pdf .reveal.slide .slides > section > section {
min-height: 770px !important;
position: relative !important;
}
  • 演示 https://rawgit.com/rofrol/reveal.js/fixed_header/
  • 代码 https://github.com/rofrol/reveal.js/blob/fixed_header/index.html#L411
  • 讨论 https://github.com/hakimel/reveal.js/issues/1312 https://github.com/hakimel/reveal.js/issues/180
  • 关于位置:固定在reveal.js中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23241903/

    30 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com