选择/拖动文本时停止页面滚动

Question

我有一个页面，我不希望用户能够滚动。为了防止它，我只是将主体设置为隐藏溢出样式。直到用户尝试选择某些文本然后拖到底部这一点就足够了。然后窗口随用户拖动滚动。我该如何防止这种情况？

Answer 1

使用position: fixed;。如果你想让整个身体不可滚动：

body
{
  position: fixed;
}

编辑：在收到用户Sam的评论后，我决定再次回来测试这个方法。现在我重新考虑它并且Sam担心它会混乱风格，我得出的结论是以下是更好的解决方案：

html
{
  position: fixed;
  width: 100%;
  height: 100%;
}

阻止某些网站（包括stackoverflow）结束左对齐。它还使用了可用的最高节点，这应该是首先完成的。

Answer 2

我试过约瑟夫的答案，但它可能会破坏网站上的很多风格。

另一种方法是将网站的溢出设置为隐藏，这也远非理想，但它并没有弄乱我的任何样式，希望这对某人有帮助。

body {
  overflow-y: hidden;     
}

Answer 3

这可能会有所帮助

html
{
    overflow: hidden;

}