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

2024-03-10

我有一个页面,我不希望用户能够滚动。为了防止这种情况,我只是将主体设置为隐藏溢出样式。直到用户尝试选择一些文本然后拖动到底部为止,这已经足够了。然后窗口会随着用户的拖动而滚动。我怎样才能防止这种情况发生?


use position: fixed;。如果您希望整个正文不可滚动:

body
{
  position: fixed;
}

编辑:收到用户 Sam 的评论后,我决定返回并再次测试此方法。现在我重新考虑它,并且 Sam 担心它会扰乱样式,我得出的结论是,以下将是更好的解决方案:

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

这可以防止某些站点(包括 stackoverflow)最终左对齐。它还使用可用的最高节点,这应该首先完成。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

选择/拖动文本时停止页面滚动 的相关文章