Question

有关Fullpage插件的问题：http://alvarotrigo.com/fullPage/

您可以在任何部分打开该网站。例如，此链接在第四部分中打开网站：

http://alvarotrigo.com/fullPage/#4thpage

这意味着一旦您打开网站，该网站立即开始滚动（它向下滚动到第四部分）。

但是，我有一个脚本（它加载一个聊天框），这会减慢这个过程。虽然我在Fullpage.js初始化脚本之后添加了我的聊天脚本，但我的网站首先加载聊天框，然后将Fullpage滚动到右侧部分。

我希望页面首先向下滚动到站点打开的右侧部分，一旦站点打开并滚动到右侧部分，则聊天框脚本需要开始运行（对于站点而言）是开放的。

如何实现这一目标？我试着将我的聊天脚本放在afterLoad和afterRender中，但由于某种原因，我的聊天框根本没有出现。有没有办法在Fullpage加载后和第一次滚动（现场打开）到右边部分后执行某些操作？

Answer 1

正如我在之前的评论中所说：

可能花费时间的是加载该脚本运行所需的JS，CSS或SWF文件。 Fullpage.js等待，直到站点中的所有元素都已加载滚动到该部分。这样做的原因是由于在使用scrollOverflow时在截面中使用了图像：true，因为fullpage.js需要确定该部分是否需要滚动条，具体取决于加载图像的大小。

要解决此问题，您可以使用jQuery或ajax动态加载元素。

否则，您可以编辑fullPage.js并更改line 536这个：

$window.on('load', function() {
    scrollToAnchor();
});

对此：

scrollToAnchor();

唯一的问题是，每次更新fullpage.js时都必须记住更改该行。

随意打开问题in fullPage.js github forum，可能会在以后的版本中实施解决方案。

第一个滚动脚本后的fullpage.js

1 个答案: