Javascript 如何在滚动时禁用收缩缩放-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;

我已成功禁用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("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);
        }
    }));
但那没用。 有人知道吗