使用指針事件進行捏縮放時如何防止頁面滾動？

Question

我有允許放大和縮小圖像的功能，如果沒有可滾動的父元素，它可以正常工作。 但是當有一個可滾動的父級時，它就不能正常工作。

事情是touch-action: none不能直接使用，因為它會阻止頁面滾動，但我想允許用戶只有在一個手指按下時才滾動頁面，如果兩根手指按下則允許縮放圖像下。

這很奇怪，但下面的代碼不起作用：

let fingerCount; // Assume that it has the right value

element.addEventListener("pointerdown", e => {
    if (fingerCount === 2) {
        // This line will be ignored
        element.style.touchAction = "none";
    }
});

有沒有辦法結合頁面滾動和捏縮放？

Answer 1

哦，我又年輕又傻））我必須這樣做：

// This line has to be outside of `pointerdown`
element.style.touchAction = "pan-y";