Проблема с скроллом на jQuery

228
03 мая 2017, 10:19
$(document).ready(function () {
    $(".arrow").click(function () {
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top;
        jQuery("html:not(:animated),body:not(:animated)").animate({scrollTop: destination}, 800);
        return false;
    });
});//end ready

По клику на кнопку должно скролить на секцию ниже, но выбивает ошибку Uncaught TypeError: Cannot read property 'top' of undefined. Подскажите в чем ошибка

Answer 1

Ошибка от того, что elementClick не определен. А не определен он потому, что ссылка по href битая.

Так-то код правильный, за исключением селектора body, html. Но до него все равно дело не доходит.

Answer 2

Разобрался. Просто я не указал id секции на которую нужно проскролить

READ ALSO
browserSync при обновлении CSS прыгает страница

browserSync при обновлении CSS прыгает страница

При обновлении страницы через gulp + browserSync прыгает страница в самый верх, хотя редактирую footer

302
1366 Incorrect string value исправить через миграции?

1366 Incorrect string value исправить через миграции?

Появилась проблема, при сохранении в базу текста(кириллицей) вылетает ошибка 1366 Incorrect string value

216
Доступ пользователю к базе mysql через CMD

Доступ пользователю к базе mysql через CMD

Изучаю mysql, пытаюсь предоставить доступ локальному пользователю к базе данных с помощью следующей команды:

336
Составление SQL запроса к 2 таблицам

Составление SQL запроса к 2 таблицам

Есть SQL запрос - ('SELECT * FROM products WHERE category_id = '$category_id) Он выводит список продуктов из products, у которых категория = $category_id

228