CODEWITHSUNDEEP
javascriptjqueryscrollfullpage.js
Cinzel
Cinzel

Reputation: 215

fullpage.js after first scroll script

A question about the Fullpage plugin: http://alvarotrigo.com/fullPage/

You can open the site in any section. For example this link opens the site in the fourth section:

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

This means the site immediately starts to scroll once you opened the site (it scrolls down to the fourth section).

However, I have a script (it loads a chat box) that slows down this process. Although I added my chat script AFTER the Fullpage.js initialization script, my site first loads the chat box and after that Fullpage scrolls to the right section.

I want the page first to scroll down to the right section on site open, and once the site has opened and has scrolled to the right section, then the chat box script needs to start to run (for as long as the site is open).

How to accomplish that? I tried to place my chat script in the afterLoad and afterRender, but for some reason that makes my chat box not showing up at all. Is there a way to perform some actions after Fullpage has loaded and after the first scroll (on site open) to the right section?

Upvotes: 2

Views: 1694

Answers (1)

Alvaro
Alvaro

Reputation: 41595

As I said in a previous comment:

Probably what's taking time is the loading of the JS, CSS or SWF files required for that script to run. Fullpage.js waits until all elements from the site have loaded to scroll to the section. The reason to do this is due to the use of images in section when using scrollOverflow:true, as fullpage.js needs to determine if the section needs scroll bar or not depending on the size of the loaded image.

To solve it you can load the element dynamically by using jQuery or ajax.

Otherwise, you can edit fullPage.js and change line 536 this:

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

To this:

scrollToAnchor();

The only problem with that is that you'll have to remember to change that line every time you update fullpage.js.

Feel free to open an issue in fullPage.js github forum and a solution might be implement in future versions.

Upvotes: 0

Related Questions