我使用的是ColorBox's Ajax模式。
<a class='data-content' href='data/<?=$id?>'> <img src=uploads/thumb_<?=$img?> /> </a>
<script type="text/javascript">
$(document).ready(function(){
$(".data-content").colorbox({
transition: "none",
title: false,
width: "700px",
top: "10px",
loop: false,
scrolling: false
});
});
</script>在点击照片缩略图之后,它会加载带有照片和其他内容的colorbox。通常它的高度比屏幕大。这样滚动条就出现了。使用其他浏览器(Mozilla、Chrome),我可以上下滚动查看框中的所有内容,没有任何问题。
当使用IE8滚动时,colorbox停留在同一位置,而不是背景滚动。所以我看不到所有的内容。
这是一个example。实际上,这是默认的Colorbox示例。
你知道是什么原因导致了这个问题吗?
发布于 2011-06-16 16:53:40
新的colorbox update解决了这个问题:
谢谢你@Jack。
发布于 2011-06-02 19:37:49
可能是这个..。来自网站- http://colorpowered.com/colorbox/#doctype
ColorBox需要有效的文档类型,并且不支持在quirks模式下呈现。如果您没有使用HTML5文档类型,请确保使用完整的文档类型声明(带有URI)以确保在标准模式下呈现。
不幸的是,这个缩写的doctype在Internet Explorer中以quirks模式呈现文档:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">对于所有浏览器,
以标准模式呈现带有URI的文档类型:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">发布于 2011-06-03 13:59:45
我不认为这是可能的,除非你有一些CSS将colorbox的位置设置为'fixed‘。我建议发布一个说明该问题的链接。您的代码片段看起来很好,在为ajax内容使用colorbox时,使用相同的设置不会引起任何问题。
https://stackoverflow.com/questions/6213924
复制相似问题