Css 画布上的元素在拖动画布本身后跳转

如前所述，画布上的元素在拖动画布本身后会跳转。我正在使用-webkit transform:translatex，y来拖动画布。对于这个问题，您有什么想法吗？

查找导致CSS回流的更改：

可见性：隐藏/可见 显示：无 ：悬停 和JavaScript：

偏网还是偏网 滚动事件 关于CSS3选择器的不幸事实是，如果您关心页面性能，就根本不应该使用它们。用类和ID装饰标记，并完全在这些类和ID上进行匹配，同时避免使用同级、子代和子选择器，这实际上会使页面在所有浏览器中都表现得更好。 使用父选择器，极易意外导致文档范围内的低沉。人们可以也将滥用此选择器。支持它是给人们一大堆绳子来吊死自己

完整的配置文件适用于对性能不太敏感的上下文。例如，选择器API规范[Selectors-API]的实现应使用“完整”配置文件。它包括本文档中定义的所有选择器

符合选择器级别4的CSS实现必须使用“快速”配置文件进行CSS选择

fast配置文件适合在任何上下文中使用，包括动态浏览器CSS选择器匹配。它包括本文档中定义的每个选择器，但以下选择器除外：

中的组合符：matches、：not、：n个match和：n个last match

参考组合子

主题指示器

特别是，在这种情况下，浏览器所考虑的大多数选择器都与所讨论的元素不匹配。所以问题变成了一个决定选择器不尽可能快地匹配的问题；如果这需要在匹配的情况下做一些额外的工作，那么由于在不匹配的情况下保存的所有工作，您仍然会获胜

使用特定于浏览器的选择器以文档本身为目标：

@-moz-document url-prefix() 
  {  
  @media all
    {
    .foo { color: red } /* Firefox */
    }
  }

*::-ms-backdrop, .foo { color: red } /* IE11 */

*:-webkit-any-link, .foo { color: red } /* Webkit */

如果要根据子元素的上下文引用子元素，请使用HTML5和CSS3命名空间的XML序列化：

@namespace m "http://www.w3.org/1998/Math/MathML/";

m|math { border: 1px solid blue; }

如果要基于父伪类显示子元素，可以定义子元素的默认状态，然后为父元素的每个状态更改重新定义它：

li:hover > a * { display: none; }

li:hover > a:hover * { display: block; }

参考资料

---

您需要显示重现问题的最小代码段。另外，您使用哪个浏览器来测试此功能？