jQuery colorbox:如何更改颜色框的位置

2024-04-14

默认情况下,颜色框在屏幕上垂直和水平居中显示。有没有办法改变它,例如从顶部垂直调整为 10%,水平居中?


这将覆盖顶部位置,您可以对 left 等执行相同的操作:

#colorbox { top: 100px !important; }

从顶部开始 10% 会更棘手,每次显示 colorbox 时,您都必须在 onload 回调中实现自己的定位逻辑,或者扩展 colorbox 的代码,但没有快速的方法来做到这一点。

UPDATE

Colorbox 现在有一个内置选项可以执行此操作:

$("a").colorbox({ top: 100, left: "50%" })

UPDATE 2

如果你没有绑定到 colorbox,我强烈建议使用qTip2 http://craigsworks.com/projects/qtip2/docs/plugins/modal/.
更好的位置处理(jQuery UI 风格)、更清晰的 HTML 输出和更简单的 IE

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery colorbox:如何更改颜色框的位置 的相关文章