【问题标题】:How to slide upwards with reveal.js?如何用reveal.js向上滑动?
【发布时间】:2021-11-11 10:09:23
【问题描述】:

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

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

但是,似乎只能从顶部的第一个小节(幻灯片 2 A)开始,然后再向下滑动到后续部分。 目标:在slide1之后我想从slide2 B开始,然后可以选择向上到A或向下到C。

以防万一没有解决方案,是否可以让 slide2 B 与 slide1 处于同一垂直水平,并将幻灯片顺序固定为:slide1 -&gt; slide2 A -&gt; slide2 B -&gt; slide2 C

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

【问题讨论】:

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


    【解决方案1】:

    对于任何使用降价并在这里提出此问题的人,您可以写:

    ---
    title: Demo
    date: 2019-04-23
    ---
    
    # slide1
    
    ---
    
    
    # slide2
    
    -- 
    
    ## slide2 A
    
    -- 
    
    ## slide2 B
    
    -- 
    
    ## slide2 C
    
    

    【讨论】:

      【解决方案2】:

      要将 Markdown 与垂直幻灯片一起使用:

      1. Index.html
      <section data-markdown="link-to-markdown-file.md" data-separator-vertical="^\n\n"e></section>
      

      data-separator-vertical 表示 2 新行将创建一个垂直幻灯片。

      1. 链接到markdown-file.md
      # Slide Title
      Hello World
      
      
      ## Vertical Title
      Sub-slide
      

      注意第二个文件中有 2 个新行,它告诉reveal.js 需要放置一个新的垂直幻灯片。

      【讨论】:

        【解决方案3】:

        我不知道该怎么做。但是有几个选择:

        您可以使用一个技巧来“手动”实现此目的:在演示之前开始演示(例如在插入投影仪之前),转到幻灯片 2B,然后从左转到幻灯片 1。当您从 1 开始时你将在 2B。

        您还可以在幻灯片 1 中放置内部链接到幻灯片 2B,并记住点击而不是向右。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2014-02-27
          • 1970-01-01
          • 2018-06-03
          • 1970-01-01
          • 2013-02-17
          • 1970-01-01
          • 2019-11-10
          相关资源
          最近更新 更多