Mobile Safari и iScroll.js: не получается прокрутить увеличенное изображение в div по горизонтали - PullRequest
Новая
       1

Mobile Safari и iScroll.js: не получается прокрутить увеличенное изображение в div по горизонтали

1 голос
/ 11 ноября 2010

У меня есть изображение, которое больше, чем. Итак, я хочу быть в состоянии прокручивать вертикально и горизонтально. Но я могу только казаться заставить его прокручивать вертикально. Что мне здесь не хватает? 

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

Есть идеи?

1 Ответ

0 голосов
/ 12 января 2011

Я использовал плагин jQuery под названием imagetool и обнаружил, что он отлично работает на iPhone и iPad.

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

...