Fullpage.js: Uncaught TypeError: Cannot read property 'scrollHeight' of undefined - scrollOverflow

Created on 11 May 2019  路  6Comments  路  Source: alvarotrigo/fullPage.js

I cannot really reproduce the issue since I am writing a wordpress theme with it.
But here is my script order:

<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/conditionizr-4.3.0.min.js?ver=4.3.0'></script>
<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/modernizr-2.7.1.min.js?ver=2.7.1'></script>
<script type='text/javascript' src='http://amirrami.test/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://amirrami.test/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/bootstrap.min.js?ver=4.0.0'></script>
<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/jquery.slimscroll.min.js?ver=1.3.8'></script>
<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/fullpage.js?ver=3.0.5'></script>
<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/fullpage.extensions.min.js?ver=0.1.5'></script>
<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/scripts.js?ver=5.2'></script>
<div id="fullpageWrapper">
    <div class="section fp-table" id="section-1">
        <div class="fp-scrollable">

        </div>
    </div>

    <div class="section fp-table" id="section-2">

    </div>

    <div class="section fp-table" id="section-3">

    </div>

    <div class="section fp-table" id="section-4">

    </div>
</div>
Reproduction required

Most helpful comment

Remove the internal classes added by fullpagea.js such as fp-table and fp-scrollable.

All 6 comments

I cannot really reproduce the issue since I am writing a wordpress theme with it.

Of course you can :)
Try to isolate the issue from all non fullpage.js related code.
Then create a jsfiddle or Codepen, with no CSS or JS files external to fullPage.js and the minimum amount of HTML code. Use empty sections unless strictly necessary for the reproduction.

Perhaps you might find useful to read my article regarding how to create isolated reproductions.

So far i can see you are importing fullpage.js twice instead of 1:

<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/fullpage.js?ver=3.0.5'></script>
<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/fullpage.extensions.min.js?ver=0.1.5'></script>

And if you are planning to distribute or sell your theme to others you'll need an OEM/SaaS license as detailed in the pricing page.

So far i can see you are importing fullpage.js twice instead of 1:

<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/fullpage.js?ver=3.0.5'></script>
<script type='text/javascript' src='http://amirrami.test/wp-content/themes/amirrami/js/lib/fullpage.extensions.min.js?ver=0.1.5'></script>

And if you are planning to distribute or sell your theme to others you'll need an OEM/SaaS license as detailed in the pricing page.

Was a typo I have only extensions included in my theme, and it's not for commercial purposes.

Here is the reproduction, same error here as well.

Remove the internal classes added by fullpagea.js such as fp-table and fp-scrollable.

Remove the internal classes added by fullpagea.js such as fp-table and fp-scrollable.

Works, thanks. :)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

pepi3 picture pepi3  路  4Comments

festwertspeicher picture festwertspeicher  路  4Comments

cavias picture cavias  路  3Comments

Sperziemone picture Sperziemone  路  5Comments

sloyer picture sloyer  路  3Comments