Как настроить jQuery Scrollify на моем сайте?

Я просто не могу заставить jQuery Scrollify приступить к работе на моем сайте, я хочу плавно перейти с моей домашней страницы к разделу, который находится прямо под моей домашней страницей, это мой код:

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous">
    </script>
    <script src="scriptfile.js" type="text/javascript" ></script>
    <script src="jquery.scrollify.js"></script>

  </head>
  <body>


    </div>

    <div class="banner">
        <h1></h1>
        <p class="tagline" style="font-weight: 100">I build products for the web.</p>
        <a class="banner_btn" href="#"><p>Portfolio</p></a>
        <a  href="#about">
        <img class="arrow" src="arrow.png" alt="Arrow Down"></a>
        <p class="arrowtext">Click to scroll</p>
    </div>
</div>

    <section class="about" id="about">
    <div id="about" href="about" class="about">
        <div class="abouttext">
            <h1>About</h1>
        </div>
        <div class="img">
                <div class="contact">
                    <p></p>  
                    <p></p>   
                    <p class="email"></p>
                </div>
        </div>
    </div>
    </section>
</body>


    $(function() {
            $.scrollify({
                    section : ".about",
                });
            });

и тогда это мой JavaScript, потому что я хочу, чтобы перейти к странице о.

Источник

1 ответ

Решение

Вам нужно как минимум два элемента для прокрутки. Вы связываете элементы с about класс, но они вложенные.

Я предлагаю вам разделить вашу страницу с <section> теги, как это:

<section class="banner">...</section>
<section class="about">...</section>

И тогда вызов прокрутки будет выглядеть так:

$(function() {
    $.scrollify({
        section : "section"
    });
});

Надеюсь, это поможет.

Источник
Другие вопросы по тегам