嗨,这是我在这里的第一个问题,我希望我能得到帮助,这个答案也会对其他人有帮助。
我必须在页面的顶部放置一个header div元素,以便在正文内容滚动到其下方时保持不变。它在桌面和iPad 2上都运行得很好,但当我在Safari1上测试时,它表现得很奇怪。一开始,你可以滚动整个页面,就像没有定义要固定的页眉一样,但在第二次滚动时,页眉是固定的。我正在使用一个css定义的固定定位,也是这个jQuery黑客,我已经读到它的用处…
`<script type="text/javascript">
jQuery(document).ready(function($) {
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
$("#fixed").css("position", "static");
};
});
</script>`这是actuall站点的URL ...
http://176.9.5.243/~marin/iQabinet
提前感谢...:)
发布于 2013-03-03 17:18:53
固定位置css功能仅支持iOS版本>= 5.x
发布于 2013-03-03 18:24:08
@Chris Koo是对的,位置固定只在iOS的更高版本中支持,但还有另一个问题:当用户在iPad上滚动时,JavaScript会“暂停”,这使得基于滚动或滚动位置的功能成为一个问题。
一旦用户开始滚动或在滚动上按住手指,JS就会停止。它只会在滚动完全完成后重新启动。然后脚本就会运行,所有东西都会立刻跳来跳去。希望这能有所帮助。
https://stackoverflow.com/questions/15183821
复制相似问题