Почему при нажатии на ссылку страница перелистывается вверх?

Question

[SomeNickname1]

Использовал magnific popup для создания модального окна. При нажатии на кнопку для открытия модального окна открывается само модальное окно, но происходит скролл страницы на самый верх. Пробовал добавить в js fixedContentPos: false

Кусок кода HTML:

<a href="#popup6" class="popup-link6">Подробнее</a>

Код JS выглядит так (нашел в интернете):

$(document).ready(function(){
    $('.popup-link6').magnificPopup({
        type: "inline",
        fixedContentPos: false,
        removalDelay: 300,
        mainClass: 'mfp-width-zoom'
    });
});

fixedContentPos: false в моем случае закрепило модальное окно на месте, но скролл все равно происходит.
Надеюсь суть проблемы у меня получилось донести, я в этом деле новичок. Всем спасибо)

Comments

[Сергей]

На событие по клику на .popup-link6 добавьте preventDefault.

[ForSureN1]

Сергей, зачем? Просто в href вписать javascript:;

[Сергей]

ForSureN1, ну или так

[Ankhena]

ForSureN1, @Casufi
Ссылкой такие штуки делают для доступности.
Если JS по какой-то причине отвалился, то модалка будет в потоке и переход к ней будет по якорю.
Если JS есть, модалка будет скрыта из потока и показана по нажатию на ссылку.

[ForSureN1]

Ankhena, Ааа, у него и модалка и сама форма на одной и той же странице получается? в чем смысл тогда такого UI

Answer 1

[Владимир]

если ты в коде ссылаешся только на класс, зачем тебе href?

Answer 2

[Александр Васильев]

используйте fancybox
я пару лет назад с магнификом просел в паре моментов и ушел