1

私は、この 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;
}   
4

0 に答える 0