2014-10-10 38 views
0

我有一个页面滚动网站(如f.ex. fullPage.js,fullContent.js),其中fancybox用于打开新内容。在html中为一个页面滚动网站更改fancybox关闭按钮

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

在默认情况下的fancybox关闭按钮位于绝对的,这是不是在我的情况下,可以接受的 - 关闭按钮需要具体专区内。

一个触发关闭方法如下:

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

它确实密切的内容,但它下降到开始的网站位置,而不是从那里的fancybox触发部分。 任何想法如何关闭按钮的工作,以便在关闭内容后,视点不会改变?
有趣的是,通过js启用的默认关闭按钮可以保持视点在打开fancybox之前的位置。

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

在此先感谢。

回答

2

使用此:

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

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

或者你也可以尝试:

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

谢谢,精彩! – 01e5Dk 2014-10-10 09:39:04

+0

延迟7分钟已激活... :) – 01e5Dk 2014-10-10 09:41:12

+0

''或''也可以工作 – JFK 2014-10-10 23:47:47