时间戳

首页 > 解决方案 > 整页 JS 动画锚：虚假故障

fullpage.js - 整页 JS 动画锚：虚假故障

问题描述

使用 animateAnchor: false 刷新页面后，我会看到网站上显示的第一张图片/幻灯片，而不是立即加载锚定的幻灯片。它看起来像一个小故障。有没有办法解决这个问题？

标签： fullpage.js

解决方案

如果您在结束正文之前导入 fullpage.js 文件，这完全有意义。

这样，您将不得不等待 fullPage.js 文件加载然后初始化，同时您将在使用 fullpage.js 之前看到您的网站。

尝试在您的站点上导入 fullPage.js head，这样初始化会更快。

此外，您可以在样式表中使用以下 CSS，因此即使在加载 fullPage.js 之前，部分的高度也将达到 100%：

#fullpage,
.section,
body,
.fp-tableCell,
html {
    height: 100%
}

假设#fullpage是您的整页包装器，并且您对部分和幻灯片使用默认选择器。( .slide, .section)

推荐阅读