Не позволяйте сафари iOS перемещать окно веб-страницы, так что может произойти событие перетаскивания

Я использую Pep.js для кинетического перетаскивания на multi-touch, но мои события перетаскивания не регистрируются, потому что когда я пытаюсь перетащить объект в сафари, на iOS, окно само перемещается и следует за моим перетаскиванием.

Как я могу предотвратить окно браузера после моего перетаскивания, чтобы можно было перетащить <div> на мою веб-страницу?

Вот веб-страница, о которой идет речь: http://goo.gl/TsHgh. Нажмите ссылку и слайды <div>, это div, который перетаскивается. Он работает на настольных браузерах, но не может быть перетащен на мультитач, потому что сафари перемещает окно вместе с моим перетаскиванием.

Ответ 1

Я нашел это решение при работе с #ionicframework

CSS:

html, body {
  overflow:hidden;
}

JS:

$(window).bind(
  'touchmove',
   function(e) {
    e.preventDefault();
  }
);

Ответ 2

Это вызвано вашей анимацией.

Ну, класс, к которому применяется ваша анимация.

Удалите класс после завершения анимации.

setTimeout(function(){
    $('#tabViewWindow').removeClass('animated').removeClass('bounceInRight');
}, 1200);

Кроме того, чтобы отключить прокрутку в окне:

html, body{
    overflow:hidden;
}

Ответ 3

Попробуйте добавить

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>

Заголовок тега в вашем html