Colorbox奇怪的移动位置在iPad上

Question

我最近一直致力于一个与colorbox一起工作的项目。一切都在桌面计算机上的所有浏览器中工作，但我在iPad浏览器上遇到了一些麻烦。

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

我有一种感觉，这与以下事实有关：当iPad被点击并试图重新定位以使文本框进入视图时，它正试图关注文本框但是因为显示了颜色框不行。我不确定这是否正确只是一个想法？

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

任何帮助都会很棒！

Answer 1

对于任何感兴趣的人，我解决这个问题的方法是添加

reposition: false

到colorbox：

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

当元素处于焦点时，这会使彩色框停止移动位置。