Fancybox прокручивает любую якорную ссылку, присутствующую во всплывающем контенте. Работает нормально при удалении href=""
.
Как остановить прыжок и остаться поверх всплывающего содержимого?
JiFiddle - https://jsfiddle.net/afelixj/qxgfsmyb/
JS:
$(".test").fancybox({
autoCenter: true,
smallBtn: false
});
HTML:
<a class="" href="javasript:void(0);" data-fancybox data-src="#popup">test</a>
<div style="display: none;" id="popup">
<div class="popup-wrap">
<div class="popup-header">
<h4>Title</h4>
</div>
<div class="popup-text">
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde omnis nulla beatae, a aliquam voluptates eius voluptas corporis nostrum reiciendis dignissimos dolore quaerat vero dolor voluptatem laudantium, minus architecto quibusdam.</P>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde omnis nulla beatae, a aliquam voluptates eius voluptas corporis nostrum reiciendis dignissimos dolore quaerat vero dolor voluptatem laudantium, minus architecto quibusdam.</P>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde omnis nulla beatae, a aliquam voluptates eius voluptas corporis nostrum reiciendis dignissimos dolore quaerat vero dolor voluptatem laudantium, minus architecto quibusdam.</P>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde omnis nulla beatae, a aliquam voluptates eius voluptas corporis nostrum reiciendis dignissimos dolore quaerat vero dolor voluptatem laudantium, minus architecto quibusdam.</P>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde omnis nulla beatae, a aliquam voluptates eius voluptas corporis nostrum reiciendis dignissimos dolore quaerat vero dolor voluptatem laudantium, minus architecto quibusdam.</P>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde omnis nulla beatae, a aliquam voluptates eius voluptas corporis nostrum reiciendis dignissimos dolore quaerat vero dolor voluptatem laudantium, minus architecto quibusdam.</P>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde omnis nulla beatae, a aliquam voluptates eius voluptas corporis nostrum reiciendis dignissimos dolore quaerat vero dolor voluptatem laudantium, minus architecto quibusdam.</P>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde omnis nulla beatae, a aliquam voluptates eius voluptas corporis nostrum reiciendis dignissimos dolore quaerat vero dolor voluptatem laudantium, minus architecto quibusdam.</P>
<a href="">Test</a>
</div>
</div>
</div>