通过拖动禁用滚动

Question

我想在按下按钮后禁用滚动。 我已经找到了这个答案 ，它的确很好-但是用户仍然可以通过在页面上标记某些内容并将其拖动到浏览器的顶部/底部来滚动。

此代码将尽快重置滚动位置，但滚动仍可见（并且此解决方案似乎有点脏）

var pageYOffset = window.pageYOffset;
setInterval(function () { window.scrollTo(0, pageYOffset) }, 1);

Answer 1

您可以尝试在滚动处于禁用状态时禁用文本选择突出显示 。

试试这个小提琴

在disable_scroll（）中添加

$("html").addClass("diableSelection");

并在enable_scroll（）中添加

$("html").removeClass("diableSelection");

.diableSelection将在哪里

.diableSelection {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}