Question

fullpage.js的scrollOverflow插件在jsfidde或我的网站上不起作用。

简单jsfiddle孤立的繁殖。

相同的代码使用StackOverflow的代码片段。

＆＃13;

<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>

＆＃13;

replace

＆＃13;

Answer 1

Make sure to:

Use the latest scrolloverflow version (0.0.5)
Use the latest fullPage.js version 2.9.6
Use scrollOverflow: true

Your demo updated: https://jsfiddle.net/yL9da6mz/3/

简单的fullpage.js scrollOverflow问题

1 个答案: