Question

我有一个页面滚动网站（例如f.ex。fullPage.js，fullContent.js），其中fancybox用于打开新内容。

<a class="fancybox" rel="group"  href="#content">
    <img src="img/thumb.jpg" alt="" />
</a>
<div id="content" style="display:none;">
    // content
</div>

默认情况下，fancybox中的关闭按钮位于绝对位置，这在我的情况下是不可接受的 - 关闭按钮需要在特定div内。

触发关闭的一种方法如下：

<a href="#" onClick="parent.jQuery.fancybox.close();">close</a>

它会关闭内容，但它会降低到网站的起始位置，而不是触发fancybox的部分。任何想法如何让关闭按钮工作，以便在关闭内容后，观点不会改变？
有趣的是，通过js启用的默认关闭按钮可以在打开fancybox之前保持视点。

$(".fancybox").fancybox({
    closeBtn   : true,
});

提前致谢。

Answer 1

使用此：

<a href="javascript:void(0);" onClick="parent.jQuery.fancybox.close();">close</a>

这将阻止浏览器向上滑动。

或者您也可以尝试：

<a href="#nogo"> or <a href="javascript:;">

在html中更改一个页面滚动站点的fancybox关闭按钮

1 个答案: