javascript - 通过拖动禁用滚动

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;
}