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

PagePilling catch every link with #, and scroll to the first section. #239

Open
micilini opened this issue Nov 13, 2023 · 2 comments
Open
Labels

Comments

@micilini
Copy link

I'm using Page Pilling with following configuration:

$( document ).ready(function() {

    /* Page Pilling */

    $('#pagepiling').pagepiling({
        anchors: ['home'],
        menu: '#menu-header'
    });

});

Inside my .section-2, I have some links that I use to control my TabBar:

<ul class="menu d-flex flex-wrap list-inline h100p">
      <li class="online-startegies">
           <a class="active" href="#online-strategies">Online Startegies</a>
      </li>
      <li class="online-startegies">
           <a class="active" href="#services">Servicess</a>
      </li>
</ul>

When I click in one of theses links, Page Pilling Redirects me to .section-1, why?

@alvarotrigo
Copy link
Owner

You won't be able to use internal anchors/links when using pagePiling.js.

pagePiling.js think they belong to the anchors of a section and will try to scroll to them thus creating the issue.

@micilini
Copy link
Author

Thanks.

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

No branches or pull requests

2 participants