'A'タグのリンクが正しく機能しません。誰かがこの振る舞いを説明しますか？
これがNGサンプルです-> http://hovertest.dyndns.org/ng/main.html
iPhone（またはiPad）サファリからアクセスし、iframeをスクロールして、iframeページの下部にある[ナイト]リンクをクリックします。'night.html'には移動しません。（同じページの上部が表示される場合があります。これは間違った動作です。）
ただし、CSSから「a：hover」の「background」を削除した後は正しく機能します。
全く理解できません。
これが良いサンプルです-> http://hovertest.dyndns.org/ok/main.html
main.html
<html>
<head>
<title>NG LINK </title>
<script type="text/javascript"></script>
</head>
<body>
Main
<div style="height: 50%; overflow: scroll; -webkit-overflow-scrolling: touch;">
<iframe src="./content.html" />
</div>
content.html
<html>
<head>
<LINK href="hover.css" rel="stylesheet" type="text/css">
<body>
<a href="./morning.html">MORNING</a>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="./night.html">NIGHT</a>
</body>
</html>
hover.css
a:hover {
color: yellow;
background: red;
}
最初は、jQueryで「main.html」からCSSの「a：hover」を削除しようとしました。しかし、私はこの問題を取り除くことができませんでした。
他の理由で「content.html」と「hover.css」を変更できません。
この問題を回避するためのアイデアはありますか？またはこの動作を説明しますか？
ありがとう、
佐藤恭子