Question

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>

Answer 1

使用autoFocus选项可将焦点切换到第一个可聚焦元素，例如：

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

演示-https://jsfiddle.net/z07bmf2w/

fancybox内容滚动以锚定弹出窗口中的链接

1 个答案: