我有一个生活在div内的Raphael.js SVG元素。偶尔 - 当页面加载时，或者在主svg节点上拖动jquery-ui-draggable时 - 整个SVG元素（超过？）几乎在页面下方流动。也就是说，如果它从0,0开始并且它是500px高，它会突然跳到0,500，而不是总是如此。我试过设置位置：亲戚，但似乎没有解决它。实际上，调整位置：在Chrome调试器中使其“返回”，但通过页面加载将其保留在那里并不能永久解决问题。它可能是所有页面加载的一半。
任何人都知道可能导致这种情况的原因，或者至少有一种方法可以阻止它在顶部？我更喜欢CSS无知。
抱歉没有榜样;这是我目前无法分享的大型设置的一部分。我希望有人有预感。
答案 0 :(得分：1)
您可以检查生成的源代码吗（我使用Web Developer工具，并且有一个选项可以查看生成的源代码 - 并确定在Chrome中有类似的东西），看看是否没有在它之前插入的元素（或者程序逻辑中的某些东西导致画布被复制）。我曾经对Raphael有过一些非常奇怪的行为，并发现它与我无意中在页面上两次加载相同的脚本有关。
我总是可以在CSS中建议绝对定位，但这听起来不像是能解决潜在的问题。
祝你好运，希望有所帮助。
答案 1 :(得分：0)
显然是一些CSS变换：输入路径不在正确的坐标空间中，因此我们在-webkit-transform: translateY(400px) scaleY(-1);元素中执行了<svg>。我会先尝试缩放路径，然后再将它们放入DOM中。