Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

error when it scrolls down reloads sections continuously (only in Firefox) #4019

Closed
crissrocca opened this issue Jul 30, 2020 · 1 comment
Closed

Comments

@crissrocca
Copy link

crissrocca commented Jul 30, 2020

When it scrolls down and loads the anchor, it reloads from above to the anchor continuously. Only in Firefox, Chrome and Safari correct.

new fullpage('#fullPage', {
sectionsColor: [ '#00172a', '#fef0e6', '#fef0e6', '#ffffff'],
anchors: [ 'noro-plaza','galicia','el-edificio','los-apartamentos'],
    responsiveWidth: 992,
    menu: '#menu',
    fitToSection: true,
    autoScrolling: true,
    normalScrollElements: '#page03, #page04',
    // slidesNavigation: true,
    // scrollOverflow: true,
    // scrollOverflowReset: false,
    scrollBar: true,
    licenseKey: 'XXXXXXXX',
    offsetSections: true,
    offsetSectionsKey:
      'XXXXXXXX',
    afterLoad: function (origin, destination, direction) {
      var loadedSection = this
      if (destination.anchor == 'contacto') {
        $('.navbar').addClass('hidden')
      } else {
        $('.navbar').removeClass('hidden')
      }
    } })

in the footer load the js in this order:

<!-- jQuery JS -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <!-- jQuery CDN - Slim version (=without AJAX) -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <!-- Popper.JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <!-- Bootstrap JS -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
    <!-- jQuery Custom Scroller CDN -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
    <!-- Font Awesome JS -->
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>
    <!-- circles -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/circletype@2.3.0/dist/circletype.min.js"></script>
    <!-- WOW -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
    <!-- Swipper -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script>
    <!-- fullPage -->
    <script type="text/javascript" src="assets/js/fullpage.offsetSections.min.js"></script>
    <script type="text/javascript" src="https://unpkg.com/fullpage.js/dist/fullpage.extensions.min.js"></script>
    <!-- fullPage easings -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.8/vendors/easings.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.8/fullpage.min.js"></script>
    <!-- theme custom -->
    <script type="text/javascript" src="assets/js/custom.js"></script>
@alvarotrigo
Copy link
Owner

I can't reproduce your issue in the demo page or any of the available examples online and offline in the examples folder.

Could you please provide an isolated reproduction in 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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants