0

我将大部分网络应用程序设置为不可选择。以 div 为例：

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

令人惊奇的是，我仍然可以通过从左边缘开始选择来选择大部分页面——DOM 检查器告诉我，我在任何 DOM 元素本身之外进行选择，并且从顶级 HTML 元素内部进行选择。我试着愚蠢并将其设置为：

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

...没有产生任何效果。我在这里是一个完美主义者，但在这一点上我只是好奇——你怎么能完全禁用它？身体已经是 100% 的宽度。我不明白为什么我可以在外面点击。

此外，这只发生在 Firefox 中。

4

1 回答 1

0

将 div 作为整体包装器使用绝对定位，左上和右下为负，例如 -150 上 -150 下，然后用 120 120 填充内容，使用滚动顶部观察器或添加滑动标题，额外的 60 空间可以折叠时用作默认动画（将填充切换到边距

它应该可以工作，但如果您不使用扩展区域进行标题分层或图像，可能会让人头疼。

希望能帮助到你。

真挚地

杰森

于 2016-09-15T04:50:24.543 回答