fullpage js配置参数,代码示例

fullPage.js是一个基于jQuery的插件，用于创建全屏滚动的网页。它提供了一系列的配置参数，可以用来自定义全屏滚动的效果和行为。

1、`anchors`参数用于设置每个页面的锚点，以便可以通过URL直接访问特定的页面。它是一个数组，每个元素对应一个页面的锚点。示例代码如下：

$('#fullpage').fullpage({
  anchors: ['section1', 'section2', 'section3']
});

2、`menu`参数用于创建一个导航菜单，可以点击菜单项来切换到对应的页面。它是一个布尔值，默认为false。如果设置为true，fullPage.js会根据页面的锚点自动生成导航菜单。示例代码如下：

$('#fullpage').fullpage({
  menu: true
});

3、`scrollingSpeed`参数用于设置页面滚动的速度，单位为毫秒。它是一个整数，默认值为700。示例代码如下：

$('#fullpage').fullpage({
  scrollingSpeed: 1000
});

4、`verticalCentered`参数用于设置每个页面的内容是否垂直居中。它是一个布尔值，默认为true。如果设置为false，页面内容将会顶部对齐。示例代码如下：

$('#fullpage').fullpage({
  verticalCentered: false
});

5、`afterLoad`参数是一个回调函数，会在每个页面加载完成后触发。它接收两个参数：`anchorLink`表示当前页面的锚点，`index`表示当前页面的索引。示例代码如下：

$('#fullpage').fullpage({
  afterLoad: function(anchorLink, index) {
    console.log('Page ' + index + ' loaded');
  }
});

通过以上示例代码，我们可以看到fullPage.js的配置参数的使用方法和效果。可以根据具体的需求来调整这些参数，以实现想要的全屏滚动效果和行为。