Question

我已经找到了解决这个iPhone问题近一周的解决方案。我需要一些帮助。我从来没有为智能手机做任何编程。这是第一次。此网页适用于所有浏览器，但不适用于智能手机。你能就如何解决或转换它给我一些建议吗？

我想更新此页面，以便它可以在iPhone \ androdes设备上运行。 http://www.westernagencyinc.com/contact_us.html。我有一个测试页面设置http://www.westernagencyinc.com/test.html来处理它而不影响真实页面。

“联系我们”页面\ map的工作方式是它顶部有一个地图，另一个名为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;
}

区域地图链接到嵌入其中的IFrame

0 个答案: