Javascript 如何在滚动时禁用收缩缩放-ios
我已成功禁用ios中的缩放和收缩缩放,如下所示:Javascript 如何在滚动时禁用收缩缩放-ios,javascript,jquery,ios,scroll,pinchzoom,Javascript,Jquery,Ios,Scroll,Pinchzoom,我已成功禁用ios中的缩放和收缩缩放,如下所示: document.addEventListener("gesturestart", function (e) { e.preventDefault(); document.body.style.zoom = 0.99; }); document.addEventListener("gesturechange", function (e) { e.preventDefault(); document.body.style.zoom = 0.99;
document.addEventListener("gesturestart", function (e) { e.preventDefault(); document.body.style.zoom = 0.99; });
document.addEventListener("gesturechange", function (e) { e.preventDefault(); document.body.style.zoom = 0.99; });
document.addEventListener("gestureend", function (e) { e.preventDefault(); document.body.style.zoom = 1; });
但是我注意到,当页面处于活动滚动状态时,我可以再次放大
如果页面没有滚动,但在滚动时中断/没有捕获事件,则上述解决方案可以完美地工作
我还尝试过使用jQuery节流/去盎司的一些过度杀伤力,如下所示:
$(window).scroll($.debounce(250, function() {
console.log('Finished Scrolling');
document.getElementById('resetViewport').setAttribute('content', 'width=device-width,height=device-height,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1');
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
viewportmeta.content = 'width=device-width,height=device-height,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1';
document.body.addEventListener('gesturestart', function() {
viewportmeta.content = 'width=device-width,height=device-height,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1';
}, false);
document.addEventListener('gesturestart', function() {
viewportmeta.content = 'width=device-width,height=device-height,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1';
}, false);
}
}));
但那没用。
有人知道吗