我正在编写一个应该在 iPad 和桌面浏览器上运行的网络应用程序。
我有一个过滤器部分,弹出窗口来自侧面(弹出窗口相对于过滤器<li>
标签绝对定位):
这一切在桌面上看起来都不错,但在横向模式下的 Ipad 上,弹出窗口的底部被切掉了,因为它超出了视口。
我尝试使用queryUI position解决它:
$('.capbIpadPopupAutoComplete').position({
"my": "left center" , // Horizontal then vertical, missing values default to center
"at": "left top", // Horizontal then vertical, missing values default to center
"of": $(this).closest('li'), // Element to position against
// "offset": "20 30" , // Pixel values for offset, Horizontal then vertical, negative values OK
"collision": "fit flip" // What to do in case of
});
但这仅在弹出窗口与屏幕左侧而不是底部碰撞时才有效。
我还需要确保三角形相应移动,因为它应该始终指向正确的过滤器。
我使用 JqueryUI 位置错了吗?有更好的解决方案吗?