如何使用reveal.js向上滑动?

时间:2015-09-16 22:01:26

标签: javascript background css-transitions slideshow reveal.js

使用reveal.js,不仅可以有水平幻灯片,还可以通过垂直滑动添加第二个维度:

<section>slide1</section>
<section>
  <section>slide2 A</section>
  <section>slide2 B</section>
  <section>slide2 C</section>
</section>

然而,似乎只能从顶部的第一个子部分(slide2 A)开始,然后再向下滑动到后续部分。 目标:在slide1之后我想从slide2 B开始,然后可以选择向上移动到A或向下移动到C.

如果没有解决方案,是否可以将slide2 B置于与slide1相同的垂直级别,并将幻灯片顺序修复为:slide1 -> slide2 A -> slide2 B -> slide2 C

原因是我有一个视差背景,顶部,天空和地面下面有星星。我需要在slide1(和所有其他水平幻灯片)上有天空。之后,我需要向上滑向星星,然后再向下滑向天空并再向下滑向地面。那么另一种解决方案也可以是简单地在三个垂直幻灯片之间移动背景?

2 个答案:

答案 0 :(得分:0)

我不知道该怎么做。但有两种选择:

您可以使用一个技巧来“手动”实现:在可以看到之前启动演示(例如在插入投影仪之前),转到幻灯片2B并向左滑动1.当您从1向右移动时你将在2B。

您还可以将幻灯片1中的内部链接放到幻灯片2B中,并记住单击而不是向右移动。

答案 1 :(得分:0)

对于任何使用markdown并遇到此问题的人,您可以编写:

---
title: Demo
date: 2019-04-23
---

# slide1

---


# slide2

-- 

## slide2 A

-- 

## slide2 B

-- 

## slide2 C