Mobile Safari和iScroll.js：似乎无法在div中水平滚动超大图像

Question

我的图像大于。所以我想 能够垂直和水平滚动。但我似乎只能 让它垂直滚动。我在这里缺少什么？

<script type="text/javascript"> 
var myScroll; 
function loaded() { 
        myScroll = new iScroll('transit_map', {vScrollbar:true}); 
} 

document.addEventListener('DOMContentLoaded', loaded); 
</script> 

<div id="transit_map_wrapper"> 
        <div id="transit_map"> 
                <img src="<?php echo base_url(); ?>extras/img/parade_route.jpg" 
width="1583" height="485" onload="scroll.refresh()" /> 
        </div> 
</div> 

这是我的CSS：

#transit_map_wrapper { position:relative; z-index:1; width:auto; 
height:490px; overflow:hidden; } 

有什么想法吗？

Answer 1

我使用了一个名为imagetool的jQuery插件，发现它在iPhone和iPad上运行得非常好。

http://code.google.com/p/jquery-imagetool/downloads/detail?name=jquery.imagetool-1.1.min.js&can=2&q=