If I keep the entire page visible (without scroll bars),ColorBox的行为符合预期。
当右侧显示滚动条时,页面内容会发生变化,但colourbox不会。
尝试用html {overflow-y:scroll;}修复此问题,但这似乎不起作用。页面内容已正确修复,但ColorBox不尊重滚动条宽度。
如果滚动条可见,并且在单击链接时向下滚动页面,ColorBox将在错误的位置初始化,从VISIBLE页面的顶部而不是实际页面进行TOP对齐。
编辑:
在第492行,有以下代码
// remove the modal so that it doesn't influence the document width/height
$box.css({top: -9e4, left: -9e4});
我似乎影响文档宽度/高度的模态IS,因为注释掉第503行会产生所需的效果//top = scrollTop;
。这告诉我模态框导致问题。这仍然不能纠正水平对齐的行为,弹出窗口仍然偏离正文,因为它没有考虑滚动条。
有什么想法吗?
答案 0 :(得分:0)
它是ColorBox的默认行为。要处理它,您需要将ColorBox初始化更改为(摘录自您的页面):
.colorbox({iframe:true, width:"800px", height:"600px", top:"137px", opacity:"0", scrolling:"false", position:fixed});
注意position:fixed
属性 - 它会强制浏览器根据您的需要处理您的top
参数,即它总是137px,而不是137px +页面的滚动高度。
请同时将此question视为与您类似。