私は、この iPhone の問題の解決策を見つけるために、ほぼ 1 週間にわたって作業と検索を行いました。助けが必要です。スマートフォン向けのプログラミングを行ったことはありません。これは初めてです。この Web ページはすべてのブラウザーで正常に機能しますが、スマートフォンでは機能しません。修正または変換する方法についてアドバイスをいただけますか?
このページを更新して、iPhone\androdes デバイスで動作するようにしたいと考えています。http://www.westernagencyinc.com/contact_us.html . 実際のページに影響を与えずに作業するためのテストページセットアップhttp://www.westernagencyinc.com/test.htmlがあります。
「お問い合わせ」ページ\マップの仕組みは、上部にマップがあり、その下の IFRAME に location_info.html という別の html ファイルが埋め込まれていることです。location_info.html ファイルは、マップ上の都市\ピンの一意のアンカー名を持つ場所のリストです。
マップには、クリック可能なエリアである各都市にピンがあり、そのターゲットは IFrame であり、コードは次のようになります。
マップ上のボタン/ピンを押すと、location_info.html のアンカーの 1 つと一致する変数アンカーがそのピン (都市名) に設定され、それが IFrame html ファイルに送信されることがわかります。正しい位置に移動\スクロールします。
現在、位置を保持する IFRAME にはスクロール バーがありません。
<area shape="rect" coords="145,-6,200,48" href="locations_infotest.html#kenmare" alt="Kenmare" target="location_content">
<div id="apDiv10" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;" >
<iframe scrolling="no" name="location_content" src="locations_infotest.html" width="625" height="190"></iframe>
</dov>
#apDiv8
{
position: absolute;
left: 30px;
top: 255px;
width: 627px;
height: 18px;
z-index: 8;
text-align: left;
}
#apDiv9
{
position: absolute;
left: 30px;
top: 20px;
width: 625px;
height: 409px;
z-index: 9;
text-align: left;
}
#apDiv10
{
position: absolute;
left: 30px;
top: 448px;
width: 625px;
height: 190px;
z-index: 10;
text-align: left;
}