整页.js在第一个滚动脚本之后



关于整页插件的问题:http://alvarotrigo.com/fullPage/

您可以在任何部分中打开站点。例如,此链接在第四部分中打开站点:

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

这意味着一旦您打开网站,网站就会立即开始滚动(它会向下滚动到第四部分)。

但是,我有一个脚本(它加载了一个聊天框)可以减慢此过程。虽然我在 Fullpage.js 初始化脚本之后添加了我的聊天脚本,但我的网站首先加载聊天框,然后整页滚动到右侧部分。

我希望页面首先向下滚动到网站打开的右侧部分,

一旦网站打开并滚动到右侧部分,聊天框脚本就需要开始运行(只要网站打开)。

如何做到这一点?我试图将我的聊天脚本放在 afterLoad 和 afterRender 中,但由于某种原因,这使得我的聊天框根本没有显示。有没有办法在加载整页后和第一次滚动(在网站打开)到右侧部分后执行一些操作?

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

可能需要时间的是加载该脚本运行所需的 JS、CSS 或 SWF 文件。整页.js等到网站中的所有元素都加载完毕后再滚动到该部分。这样做的原因是由于在使用scrollOverflow:true时在部分中使用了图像,因为整页.js需要根据加载图像的大小来确定该部分是否需要滚动条。

要解决这个问题,你可以使用 jQuery 或 ajax 动态加载元素。

否则,您可以编辑整页.js并更改第 536 行:

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

对此:

scrollToAnchor();

唯一的问题是,每次更新整页时,您都必须记住更改该行.js。

请随时在 fullPage.js github 论坛中打开问题,解决方案可能会在未来版本中实施。

最新更新