Reveal JS Unable to scroll in the slides

Question

I'm using Reveal JS for making a presentation. If I put more text in the tag, it is going below the screen hidden from view. But there is no scroll bar to the right. Wondering if I can do a css fix to bring in a vertical scroll bar and make the hidden content visible by scrolling. Here is the CSS to be changed (I think) ``` .reveal .slides section .fragment { opacity: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .reveal .slides section .fragment.visible { opacity: 1; } .reveal .slides section .fragment.grow { opacity: 1; } .reveal .slides section .fragment.grow.visible { -webkit-transform: scale( 1.3 ); -moz-transform: scale( 1.3 ); -ms-transform: scale( 1.3 ); -o-transform: scale( 1.3 ); transform: scale( 1.3 ); } .reveal .slides section .fragment.shrink { opacity: 1; } .reveal .slides section .fragment.shrink.visible { -webkit-transform: scale( 0.7 ); -moz-transform: scale(…

Accepted Answer

I solved this with:

```
.scrollable {
    overflow-y: auto  !important;
    overflow-x: hidden !important;
    height: 700px;
}
```

add the upper class to a slide tag (section) to make it scrollable.

Reveal JS Unable to scroll in the slides

Solution

Problem

Related problems