jquery - ipad - 位置 :fixed bug on zoom in

Question

我有一个 div，它有一个位置固定的属性并且工作正常。

我的问题是当我放大我的 iPad 时，它们没有显示完整的 div；它被切断了。

我一直在尝试很多类似下面的代码。

但我不明白为什么它在 ipad 上不起作用，而在我的桌面上却起作用。

有人可以帮我处理一下吗？

jquery代码:

$(window).scroll(function(){
  $('#mydiv').css('left',-$(window).scrollLeft());
});

Answer 1

可能需要包含元标记以在进行计算之前初始设置宽度:

<meta name="viewport" content="width=device-width">

我还建议设置页面的比例

<meta name="viewport" content="initial-scale=1.0">

您可以在此处了解更多信息:

https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW26