jQuery Fancybox 破坏布局
我有一个使用 fancybox 的网站。当 fancybox 的内容高于大约 500 像素时,页面页脚下方会出现一个大的白色区域。当我将高度限制在500像素左右(甚至更低)时,仍然出现这样的区域。我该如何解决这个问题?
/* Fancybox Code on page */
jQuery('.dialog').fancybox({titleShow:false,type:'inline'});
/* HTML Code on page */
<a href="display-page.html" class="dialog">Display page</a>
这就是 fancybox 内的页面的样子:
/* Display-page.html: Code that's displayed (ajax), this page has no body/head/<html>/doctype */
/* See also http://jsfiddle.net/E358Q/ */
<div style="width: 800px;"><!-- content over here --></div>
I've got a site where I use fancybox. When the contents of the fancybox is higher than about 500 pixels, there comes a big white area beneath the footer of my page. When I restrict the height to about 500 pixels (or even lower), there still appears such an area. How can I solve this?
/* Fancybox Code on page */
jQuery('.dialog').fancybox({titleShow:false,type:'inline'});
/* HTML Code on page */
<a href="display-page.html" class="dialog">Display page</a>
And this is what the page inside the fancybox looks like:
/* Display-page.html: Code that's displayed (ajax), this page has no body/head/<html>/doctype */
/* See also http://jsfiddle.net/E358Q/ */
<div style="width: 800px;"><!-- content over here --></div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
看起来这是我的粘页脚的问题。到目前为止还没有解决这个问题的方法。也许我应该尝试另一个灯箱而不是 fancybox 来看看那个是否可行。
It looks like it's an issue with my sticky footer. No solution for this problem so far. Maybe I should try another lightbox instead of fancybox to see if that one will work.