iNext10
@iNext10
Web Developing (Front End) Junior

Как убрать скролл страницы по нажатию на кнопку с тэгом «а»?

Я сделал табы, и по нажатию на одну из кнопок "Матчмейкинг", "Напарники" и т.д, страница "прыжком" скроллится вниз. Как это можно пофиксить? Эти кнопки у меня завёрнуты в тэг <a></a>

Залил сайт на временный хостинг - cs03130.tmweb.ru/calculate.html
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега JavaScript
I will live forever in the flame of your eyes.
Возможно нужно добавить это event.preventDefault(); в ваш код.

$(document).ready(function() {
    $('.tabs__block').hide();
    $('.tabs__block:first').show();
    $('.tabs__items a:first').addClass('active');

    $('.tabs__items li').click(function(event) {
        $('.tabs__items li').removeClass('active');
        $(this).addClass('active'); 
        $('.tabs__block').hide();

        var selectedTab = $(this).find('a').attr("href");
        $(selectedTab).fadeIn();
    });

    $('.tabs__items a').click(function(event) {
     event.preventDefault();
        $('.tabs__items a').removeClass('active');
        $(this).addClass('active'); 
        $('.tabs__block').hide();
    });
});


И вообще табы можно делать без <a/> и href. Например вот так, с помощью data-атрибутов:

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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