Question

我正在建立一个网站，并希望在用户用两根手指在触摸板上滚动时阻止他们转到上一页。我试图添加滚动事件并停止传播，但是它不起作用。

document.addEventListener('scroll', (e) => {e.stopPropagation()});
document.addEventListener('touchstart', (e) => {e.stopPropagation()});
document.addEventListener('touchend', (e) => {e.stopPropagation()});

有什么办法解决这个问题？

我试图禁用CSS中的触摸操作，但仍然无法正常工作

touch-action: none;

Answer 1

我使用以下代码解决此问题：

export const disableScroll = () => {
    windowOnweel = window.onwheel;
    window.onwheel = e => {
        e = e || window.event;
        if (e.preventDefault) e.preventDefault();
        e.returnValue = false;
    }; 
};

但是您需要记住在不需要时恢复onwheel方法。

如何停止滚动上一页？

1 个答案: