1

我最近一直在研究一个与 colorbox 一起使用的项目。一切都在台式机上的所有浏览器中运行,但是我在使用 iPad 浏览器时遇到了一些问题。

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

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

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

任何帮助都会很棒!

4

1 回答 1

5

对于任何对我解决此问题的方式感兴趣的人是通过添加

reposition: false

到彩盒:

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

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

于 2013-06-11T16:14:29.113 回答