diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2018-12-19 10:37:30 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-12-19 10:37:30 +0100 |
| commit | dedad930e321860ab339816ee2fc1d18df381bf4 (patch) | |
| tree | 8342dfdbd1006989086f318ba5b99b0fd250ec94 | |
| parent | 665dfb9cd63188a7c5a02aa1d3e2b593bf00bf2c (diff) | |
| download | perl-software-in-gnu-guix-dedad930e321860ab339816ee2fc1d18df381bf4.tar perl-software-in-gnu-guix-dedad930e321860ab339816ee2fc1d18df381bf4.tar.gz | |
add section about vertical slides and `gridNavigation` to readme
| -rw-r--r-- | README.md | 21 |
1 files changed, 21 insertions, 0 deletions
@@ -23,6 +23,7 @@ reveal.js comes with a broad range of features including [nested slides](https:/ - [Ready Event](#ready-event) - [Auto-sliding](#auto-sliding) - [Keyboard Bindings](#keyboard-bindings) +- [Vertical Slide Navigation](#vertical-slide-navigation) - [Touch Navigation](#touch-navigation) - [Lazy Loading](#lazy-loading) - [API](#api) @@ -279,6 +280,11 @@ Reveal.initialize({ // Change the presentation direction to be RTL rtl: false, + + // When this is enabled, stepping left/right from a vertical stack + // to an adjacent vertical stack will land you at the same vertical + // index instead of the top. + gridNavigation: false, // Randomizes the order of slides each time the presentation loads shuffle: false, @@ -507,6 +513,21 @@ Reveal.configure({ }); ``` +### Vertical Slide Navigation + +Slides can be nested within other slides to create vertical stacks (see [Markup](#markup)). When presenting, you use the left/right arrows to step through the main (horizontal) slides. When you arrive at a vertical stack you can optionally press the up/down arrows to view the vertical slides or skip past them by pressing the right arrow. Here's an example showing a bird's-eye view of what this looks like in action: + +<img src="https://static.slid.es/support/reveal.js-vertical-slides.gif" width="450"> + +#### Grid Navigation +If you are on a vertical slide and step right onto an adjacent vertical stack, you'll arrive at the top of that stack. Consider a deck with six slides organized in two stacks like this: +``` +1.1 2.1 +1.2 2.2 +1.3 2.3 +``` +If you're on slide 1.3 and navigate right, you will normally move from 1.3 -> 2.1. If you prefer remaining at the same vertical index and going directly from 1.3 -> 2.3 you can enable the `gridNavigation` config option: `Reveal.configure({ gridNavigation: true })`. + ### Touch Navigation You can swipe to navigate through a presentation on any touch-enabled device. Horizontal swipes change between horizontal slides, vertical swipes change between vertical slides. If you wish to disable this you can set the `touch` config option to false when initializing reveal.js. |