Содержимое fancybox прокручивается, чтобы привязать ссылку во всплывающем окне. - PullRequest
0 голосов
/ 09 января 2020

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>

1 Ответ

0 голосов
/ 20 февраля 2020

Используйте параметр autoFocus для переключения фокусировки на первый фокусируемый элемент, например:

$(".test").fancybox({
  autoFocus: false
});

Демонстрация - https://jsfiddle.net/z07bmf2w/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...