Задать вопрос
@denism300
javascript

Как показать блок и прокрутить до него?

На странице есть два блока, видимость которых переключается с помощью checkbox
Нужно при клике по кнопке, если блок скрыт, показать его и прокрутить до него.
Написал такой скрипт:
jQuery(".tb-courses-menu a").click(function (e) {
    var courseToggle = jQuery("#courseToggle").prop("checked");
    var destination = jQuery('#tb-courses').offset().top;
    e.preventDefault();
    if (courseToggle) {
        jQuery("#courseToggle").prop("checked", false);
        jQuery("#tb-services").hide();
        jQuery("#tb-courses").show();
        jQuery('html, body').animate({ scrollTop: destination }, 1100);
    }
})

При клике по ссылке ".tb-courses-menu a" переключение видимости блоков происходит, но страница до него не прокручивается.
Как поправить?
  • Вопрос задан
  • 71 просмотр
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@denism300 Автор вопроса
Разобрался сам.
var destination = jQuery('#tb-courses').offset().top;

надо объявлять в условии if после отображения блока:
jQuery(".tb-courses-menu a").click(function (e) {
    var courseToggle = jQuery("#courseToggle").prop("checked");
    e.preventDefault();
    if (courseToggle) {
        jQuery("#courseToggle").prop("checked", false);
        jQuery("#tb-services").hide();
        jQuery("#tb-courses").show();
        var destination = jQuery('#tb-courses').offset().top;
        jQuery('html, body').animate({ scrollTop: destination }, 1100);
    }
})
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать мини-приложение Windows 7-11, Linux,Macos
18 апр. 2024, в 07:22
45000 руб./за проект
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Загрузка характеристик из xml/csv файла в карточки товаров WordPress
18 апр. 2024, в 00:58
5000 руб./за проект
Ещё заказы