mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-16 11:36:58 +02:00
Code Issues Releases Wiki Activity

don't show reader scroll bar when there is no overflow, reader style tweaks

Browse Source
This commit is contained in:
Hakim El Hattab
2023-10-17 13:59:11 +02:00
parent 836967d8ab
commit c4e322ce79
9 changed files with 33 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
examples/reader-mode.html
View File

@@ -21,6 +21,15 @@
<div class="slides">
<section><h1>Reader Mode</h1></section>
<section data-background="indigo">
<h2>Scroll triggers</h2>
<ul>
<li class="fragment fade-left">Step one</li>
<li class="fragment fade-left">Step two</li>
<li class="fragment fade-left">Step three</li>
</ul>
</section>
<section data-background-color="#fff"><h2>Scroll bar inverts<br>based on slide bg</h2></section>
<section data-auto-animate data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
<h2>Auto-Animate</h2>
<p>Automatically animate matching elements across slides with <a href="https://revealjs.com/auto-animate/">Auto-Animate</a>.</p>
@@ -46,14 +55,6 @@
</div>
<h2 style="margin-top: 20px;">Auto-Animate</h2>
</section>
<section data-background="indigo">
<h2>Scroll triggers</h2>
<ul>
<li class="fragment">Fragment one</li>
<li class="fragment">Fragment two</li>
<li class="fragment">Fragment three</li>
</ul>
</section>
<section data-background-gradient="linear-gradient(to bottom, #283b95, #17b2c3)" id="gradient-bg">
<h2>Gradient Backgrounds</h2>
</section>
@@ -98,7 +99,6 @@
<h2>Video background</h2>
</section>
</section>
<section data-background-color="#fff"><h2>White background</h2></section>
<section><h2>The end</h2></section>
</div>