Код работает во всех браузерах, работает на Android, но НЕ РАБОТАЕТ на iPhone.
Не работает - означает, что в элементе DIV карта не двигается - начинает двигаться вся HTML страница.
Подскажите пжл-та где грабля.
Вот основные моменты кода:
----------
<meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
.....
ymaps.ready(init);
function init () {
var myMap = new ymaps.Map('map', {
center: [55.76, 37.64],
zoom: 10
});
}
.....
<div id="map" style="width:300px; height:300px"></div>
----------
Вроде все максимально просто. Уже пробовал создавать свои CSS для элемента DIV:
.scrollable {
position: absolute;
top: 50px;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
<div id="map_canvas"></div>
Я пример с Googlе привел не для того, чтобы как-то задеть разработчиков Yandex - может я просто какой-то ключ забыл добавить....
Спасибо!