@ishmahorka

Как сделать скролл + hover на пункт меню при нажатии на обычную ссылку?

Как сделать, чтобы при нажатии выполнялся скролл к меню, у которого есть пункт, содержащий в выпадающем меню подпункты. Выпадающее меню по умолчанию появляется при :hover на родительский пункт главного меню , но каким-либо образом, нужно выполнить hover на нажатием на ссылку .
Благодарю за помощь, надеюсь, объяснил понятно.
  • Вопрос задан
  • 447 просмотров
Пригласить эксперта
Ответы на вопрос 2
@DmitrijP
Для ссылок поглуглите "html анкерные ссылки".
Ответ написан
Igor_307
@Igor_307
Фрилансер
// плавный скролл
    
    var $page = $('html, body');
    $('a[href*="#"]').click(function() {
        $page.animate({
            scrollTop: $($.attr(this, 'href')).offset().top
        }, 400);
        return false;
    });


<ul id="menu1">
    <li>menu 1</li>
    <li>menu 2</li>
    <li>menu 3</li>
    <li>menu 4</li>
    <li>menu 5</li>
</ul>

<a href="#menu1" >button</a>

при клике переходим к пункту меню который нужно раскрыть, и добовляем ему некий класс
для этого класса добавляем такие же свойства как и для класса с :hover
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы