<div id="fullpage">
  <div class="section">
    <p>Hello</p>
  </div>
  <div class="section">
    <p> 你好 </p>
  </div>
  <div class="section">
    <p> こにちわ </p>
  </div>
  <div class="section">
    <p> \( O v O )/ </p>
  </div>
</div>
p {
  color: white;
  font-size: 20px;
  position: absolute;
  padding: 50px 100px;
  margin-left: 50%;
  margin-bottom: 200px;
  transform: translateX(-50%);
  border: 3px dashed white;
}
$(document).ready(function () {
  $(function () {
    $("#fullpage").fullpage({
      sectionsColor: ["#1bbc9b", "#4BBFC3", "#7BAABE", "#f90"],
      afterRender: function () {
        setInterval(function () {
          $.fn.fullpage.moveSectionDown();
        }, 8000);
      }
    });
  });
});
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.js