2010-11-10 18 views
1

我在一個比這更大的圖像中。所以我想 能夠垂直和水平滾動。但我似乎只能讓 垂直滾動。我在這裏錯過了什麼?Mobile Safari和iScroll.js:似乎無法在水平方向上滾動超大尺寸的圖像

<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; } 

任何想法?

回答