iPad上的Colorbox奇怪的移动位置

Question

我最近一直在做一个与 colorbox 一起工作的项目。一切都在台式机上的所有浏览器中运行，但是我在 iPad 浏览器上遇到了一些问题。

我正在使用颜色框来显示一个包含多个输入文本框的表单，供用户输入和保存信息。我遇到的问题是，当用户单击 iPad 上颜色框内的文本框时，颜色框位置被向下和向右推，因此用户无法查看颜色框，除非他们缩小并再次找到颜色框. 但是，如果他们这样做，然后再次单击文本框，则会发生同样的事情等等......因此他们无法在文本框中输入任何信息。

我有一种感觉，这与 iPad 试图在单击文本框时将注意力集中在文本框上并尝试重新定位以使文本框进入视图这一事实有关，但由于显示了颜色框，因此这不起作用。我不确定这是否只是一个想法？

如果您想了解更多信息，请告诉我。

任何帮助都会很棒！

Answer 1

对于任何对我解决此问题的方式感兴趣的人来说，添加

reposition: false

到颜色框：

$.colorbox({ href:"/sites/index.html", width: 600, reposition: false });

当元素处于焦点时，这会阻止颜色框移动位置。