ФорумПрограммированиеJavaScript → Реализация скролла в мобильном меню сайта

Реализация скролла в мобильном меню сайта

  • coder0x7b

    Сообщения: 2 Репутация: N Группа: Кто попало

    Spritz 3 октября 2020 г. 1:59

    Уважаемые знатоки JS, всех приветствую!

    Недавно гуляя по паутине попал на сайтец - berni.com.ua/, там в мобильном меню обнаружил прикольную штуку, а именно: скролл вниз для полного отображения только что открытой категории. Захотелось реализовать такое же. В JS не знаток, поэтому сильно не пинайте. Написал вот такой скрипт:

    
    $(document).on('click', '.menu-mobile_list li', function () {
        document.querySelector('.collapse .show ul li').scrollIntoView({
            block: "start",
            behavior: 'smooth' 
        });
    });
    console.log();
    

    Почти добился того чего хотел, скроллит, но не всегда и не так как нужно.

    Прошу помощи у знатоков. Гляньте как это реализовано здесь - berni.com.ua/

  • coder0x7b

    Сообщения: 2 Репутация: N Группа: Кто попало

Пожалуйста, авторизуйтесь, чтобы написать комментарий!