javascript修复了Ipad的定位问题答案

【问题标题】：javascript fixed positioning issue with Ipadjavascript修复了Ipad的定位问题
【发布时间】：2013-03-03 18:24:08
【问题描述】：

您好，这是我在这里的第一个问题，我希望我能得到帮助，并且答案对其他人也有帮助。

我必须在页面顶部放置一个标题 div 元素，以便在正文内容在其下方滚动时保持固定。它在台式机和 iPad 2 上运行良好，但是当我在 Safari 中的 iPad 1 上进行测试时，它表现得很奇怪。起初，您滚动整个页面，就像没有定义要固定的标题一样，但在第二次滚动时，标题保持固定。我正在使用 css 定义进行固定定位，而且我读过的这个 jQuery hack 很有用......

`<script type="text/javascript">
jQuery(document).ready(function($) {
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
$("#fixed").css("position", "static");
};
});
</script>`

这是实际站点的 URL...

http://176.9.5.243/~marin/iQabinet

提前谢谢...:)

【问题讨论】：

标签： javascript ipad positioning fixed

【解决方案1】：

位置固定 css 功能仅支持 iOS 版本 >= 5.x

【讨论】：

【解决方案2】：

@Chris Koo 说得对，仅在更高版本的 iOS 中支持固定位置，但还有另一个问题：当用户在 iPad 上滚动时，JavaScript 被“暂停”，使得基于滚动或滚动位置的功能成为问题.

一旦用户开始滚动或在滚动时按住手指，JS 就会停止。只有在滚动完全完成后才会重新启动。然后脚本将运行，所有东西都会立即跳来跳去。希望对您有所帮助。

【讨论】：