Почему Jquery onclick слушатель не работает? - PullRequest
Новая
       1

Почему Jquery onclick слушатель не работает?

0 голосов
/ 21 сентября 2018

Я уже нашел несколько ответов на эту тему, но ни один из них не работал для меня.Просто хочу сделать клик и прокрутить событие.У меня есть текстовые элементы div в nav, которые должны привести меня к следующей части моего сайта (одностраничный сайт).

HTML: 

<body>
    <header>
        <nav>
            <div class="buttons">
                <div class="strgl"><span>HOME</span></div>
            </div>
        </nav>
    </header>
    <main>
        <div id="text">
            Some text
        </div>
    </main>
</body>

И js: 

$('.strgl').click(function () {
    $('html, body').animate({
        scrollTop: $('#text').offset().top
    }, 2000);
});

Заранее спасибо!

1 Ответ

0 голосов
/ 21 сентября 2018

Код, который вы предоставили, прекрасно работает для меня.Убедитесь, что вы включили jQuery в свои скрипты, а затем загрузите свой файл javascript.Кроме того, убедитесь, что ваш javascript загружается после загрузки всей страницы (в отличие от начала процесса загрузки).

Кроме того, убедитесь, что достаточно свободного места для прокрутки вниз.(чтобы получить анимацию прокрутки) Вот рабочий пример: 

$('.strgl').click(function () {
    $('html, body').animate({
        scrollTop: $('#text').offset().top
    }, 2000);
});
header {
  padding-bottom: 200vh;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
    <header>
        <nav>
            <div class="buttons">
                <div class="strgl"><span>HOME</span></div>
            </div>
        </nav>
    </header>
    <main>
        <div id="text">
            Some text
        </div>
    </main>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...