Question

是否可以允许点击但不能滚动事件？

pointer-events: none;

将禁用这两种类型的输入，我想只禁用滚动。还有其他解决方法吗？

Answer 1

添加此css：

.stopScroll{
height:100%;
overflow:hidden;
}

然后在jQuery中：

$('body').addClass('stopScroll');

看看小提琴：https://jsfiddle.net/26dct8o3/1/

如果你正在寻找这个，会有所帮助。如果这不是你想要的，请在评论中告诉我。

Answer 2

使用javascript：

function noScroll(event) {
    event = event || window.event;
    if (event.preventDefault) {
        event.preventDefault();
    }
    event.returnValue = false;
    return false;
}

// disable scolling on the whole window:
if (!window.addEventListener) {
    // old IE only
    window.attachEvent("onscroll", noScroll);
} else {
    // Firefox only
    window.addEventListener("DOMMouseScroll", noScroll);
    // anything else
    window.addEventListener("scroll", noScroll);
}

// disable scrolling on a single element:
var el = document.getElementById("elementID");

if (!el.addEventListener) {
    el.attachEvent("onscroll", noScroll);
} else {
    el.addEventListener("DOMMouseScroll", noScroll);
    el.addEventListener("scroll", noScroll);
}

这应该可以解决问题。

单击时指针事件但不在滚动上

2 个答案: