title: scrolling in jquery doesn’t work with a div class that has vh height
body: <p>I am encountering some issues with scrolling when a button is clicked to move to the next verbiage. The content is wrapped around a class: <code>&lt;div class=“content”&gt;</code> and it has a height of 60 vh. i’m trying to have it scroll within that height. I created a codepen example of the problem: 
   <a href="https://codepen.io/dude12go8/pen/PoYbdXd" rel="nofollow noreferrer">https://codepen.io/dude12go8/pen/PoYbdXd</a></p>