Ответ 1
Я нашел это решение при работе с #ionicframework
CSS:
html, body {
overflow:hidden;
}
JS:
$(window).bind(
'touchmove',
function(e) {
e.preventDefault();
}
);
Я использую Pep.js для кинетического перетаскивания на multi-touch, но мои события перетаскивания не регистрируются, потому что когда я пытаюсь перетащить объект в сафари, на iOS, окно само перемещается и следует за моим перетаскиванием.
Как я могу предотвратить окно браузера после моего перетаскивания, чтобы можно было перетащить <div>
на мою веб-страницу?
Вот веб-страница, о которой идет речь: http://goo.gl/TsHgh. Нажмите ссылку и слайды <div>
, это div, который перетаскивается. Он работает на настольных браузерах, но не может быть перетащен на мультитач, потому что сафари перемещает окно вместе с моим перетаскиванием.
Я нашел это решение при работе с #ionicframework
CSS:
html, body {
overflow:hidden;
}
JS:
$(window).bind(
'touchmove',
function(e) {
e.preventDefault();
}
);
Это вызвано вашей анимацией.
Ну, класс, к которому применяется ваша анимация.
Удалите класс после завершения анимации.
setTimeout(function(){
$('#tabViewWindow').removeClass('animated').removeClass('bounceInRight');
}, 1200);
Кроме того, чтобы отключить прокрутку в окне:
html, body{
overflow:hidden;
}
Попробуйте добавить
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
Заголовок тега в вашем html