スクロール位置異常_html/css_WEB-ITnose

ページが特定の要素までスクロールすると、その要素が上部に固定される機能を備えたモバイル Web ページを開発しました。
HTML コードは次のとおりです:

	<header style="height: 40px;">			<ul class="ui-follow" style="position:static;z-index:998;">				<li class="current">					详情				</li> 				<li>					评价					<span class="review-count" id="review"></span>				</li>			</ul>		</header>

js コードは次のとおりです:

$(function(){			setTimeout(function(){				var navH = $(".ui-follow").offset().top;				$(window).scroll(function(){					var scroH = $(this).scrollTop();					if(scroH >= navH){						$(".ui-follow").css({"position":"fixed","top":0,"left":0,"right":0,"z-index":998});					}else if(scroH<navH){						$(".ui-follow").css({"position":"static"});					}				})			},1000);		})

つまり、この ul を修正するには、fixed を設定します。 現在の問題は、この ul が iPhone でのみ先頭で修正できないことです。 Android と PC のシミュレーションは問題ありません。 Googleで検索したところ、iPhoneでは固定属性に対応していないとのことでしたのでアドバイスをお願いします。

ディスカッションへの返信（解決策）

原因はここで見つけることができます http://www.oschina.net/question/1092_81432
解決策は紹介されており、jquery Moblie を通じて解決できます

ただし、フレームワーク自体のビュー レンダリングのパフォーマンスの問題については、iScroll.js を使用して対処することを検討できます
iScroll を使用して、モバイル ブラウザーでのposition:fixed エラーの問題を解決します

動的に計算することも、position:Absolute を使用することもできます