jquery - Colorbox 在 iPad 上奇怪的移动位置

Question

我最近正在开发一个与 colorbox 一起使用的元素。台式机上的所有浏览器中一切正常，但我在使用 iPad 浏览器时遇到了一些问题。

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

我有一种感觉，这与以下事实有关:当单击文本框时，iPad 试图将焦点集中在文本框上，并尝试重新定位以使文本框进入 View ，但因为显示了颜色框，所以确实如此不行。我不确定这是否正确只是一个想法？

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

任何帮助都会很棒!

Answer 1

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

reposition: false

到颜色框:

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

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