1

近一周来，我一直在努力寻找解决这个 iPhone 问题的方法。我需要一些帮助。我从来没有为智能手机做过任何编程。这是第一次。此网页适用于所有浏览器，但不适用于智能手机。你能给我一些关于如何修复或转换它的建议吗？

我想更新此页面，使其适用于 iPhone\androdes 设备。http://www.westernagencyinc.com/contact_us.html。我有一个测试页面设置http://www.westernagencyinc.com/test.html来处理它而不影响真实页面。

“联系我们”页面\地图的工作方式是它的顶部有一个地图，另一个名为 location_info.html 的 html 文件嵌入在其下方的 IFRAME 中。location_info.html 文件是一个位置列表，每个位置都有一个唯一的锚点名称，用于地图上的城市\pin。

该地图在每个城市都有可点击区域的图钉，其目标是 IFrame，代码如下所示：

您可以看到，当您按下地图上的按钮/图钉时，会为该图钉（城市名称）设置一个变量锚点，该图钉与 location_info.html 中的一个锚点相匹配，并将其发送到 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