Fullpage JS - вертикальные навигационные анкеры - PullRequest
Новая
       63

Fullpage JS - вертикальные навигационные анкеры

0 голосов
/ 07 января 2020

Первый пост здесь, я постараюсь сделать себя супер ясно. Я использую библиотеку Fullpage JS (https://github.com/alvarotrigo/fullPage.js/) в приложении rails и не могу понять, как перемещаться между разделами (одной и той же страницы). Я искал некоторые учебники и темы по inte rnet, но когда я попробовал эти решения, та же проблема, мой сайт буквально завис.

Я использую vanilla JS, чтобы заставить библиотеку работать, и до сих пор все работало нормально.

Я должен уточнить, что, когда я печатаю URL, как www.mysite.com/#contact, анимация работает хорошо. Проблема возникает, когда я нажимаю на ссылку.

Большое спасибо:)

Вот мой код: 

 new fullpage("#fullpage", {
    //options here
    licenseKey: ...,
    autoScrolling: true,
    navigation: true,
    keyboardScrolling: true,
	  animateAnchor: true,
    anchors: ['home', 'about', 'project', 'cv', 'contact']
    )};
<div class="fullpage" id="fullpage">  
       <section class="section s1" data-anchor="home">
            <h1>blabla</h1>
            <a href="#about" class="menu-item"></a>
            <a href="#project" class="menu-item"></a>
            <a href="#cv" class="menu-item"></a>
            <a href="#contact" class="menu-item"></a>
        </section>
        <section class="section s2" data-anchor="about">
            <h1>À propos</h1>
        </section>
        <section class="section s3" data-anchor="projet">
         
            <h1>Projet</h1>
            
        </section>
        <section class="section s4" data-anchor="cv">
           
            <h1>CV</h1>
           
        </section>
        <section class="section s5" data-anchor="contact">
            <h1>Contact</h1>
        </section>
      </div>

сильный текст

...