Question

我一直在尝试使用fullpage.js创建一个非常简单的网站，但它不会像预期的那样滚动整个部分。我的代码中包含一个代码段。直接从fullpage.css和fullpage.js中粘贴CSS / JS。我在隐身窗口中尝试了不同的浏览器，禁用了任何扩展名或插件等，但事实并非如此。到目前为止，我已经知道$（window）.scroll事件不会触发，而$（'＃fullpage'）。scroll事件也不会触发

我的html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>

<link rel="stylesheet" type="text/css" href="fullpage.css" />
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256- 
BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"> 
</script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" 
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" 
crossorigin="anonymous"></script>
<script type="text/javascript" src="fullpage.js"></script>
</head>

<body>

<div id="fullpage">
<div class="section"></div>
<div class="section"></div>
<div class="section"></div>
<div class="section"></div>
<div class="section"></div>
</div>

<script type="text/javascript">
$(document).ready(function() {
  $('#fullpage').fullpage({
  licenseKey: '',
  autoScrolling: true,
  sectionsColor: ['blue', 'yellow', 'green', 'red', 'brown']
  });

  $.fn.fullpage.setAllowScrolling(false);
});
</script>
</body>
</html>

codepen.io snippet

Answer 1

到目前为止，我已经知道$（window）.scroll事件不会触发，而$（'＃fullpage'）。scroll也不会触发

那是完全正常的。 Fullpage.js不会触发滚动事件。

如果您找不到丢失的内容，我鼓励您以the examples available中的任何一个为起点。

Fullpage.js不会在任何浏览器（chrome，firefox，edge）中滚动

1 个答案: