代码之家 › 专栏 › 技术社区 › Victor Westerlund

简单的完整页面。js scrollOverflow问题

fullpage.js jquery

2

Victor Westerlund · 技术社区 · 7 年前

用于fullpage的scrollOverflow插件。js不适用于jsfidde或我的网站。

易于理解的 jsfiddle 隔离复制。

同样的代码使用StackOverflow的代码段工作。

$(document).ready(function() {
  $("#fullpage").fullpage({
    scrollOverflow: true
  });
});

<head>
  <link href="https://www.victorwesterlund.se/src/lib/fullpage.js/dist/jquery.fullPage.min.css" rel="stylesheet" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://www.victorwesterlund.se/src/lib/fullpage.js/vendors/scrolloverflow.min.js"></script>
  <script src="https://www.victorwesterlund.se/src/lib/fullpage.js/dist/jquery.fullPage.min.js"></script>
</head>

<body>
  <div id="fullpage">
    <div class="section">
      <h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
      </h1>
    </div>
    <div class="section">
      <h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
      </h1>
      <h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
      </h1>
      <h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
      </h1>
      <h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
      </h1>
    </div>
  </div>
</body>