javascript - 元素不响应 setStyle

Question

我正在尝试移动小部件中的 qx.html.Element。所以我创建了一个监听器来捕捉鼠标按下和一个监听器来捕捉鼠标移动等等。qooxdoo 中的代码 playground

但是当我尝试例如 setStyle("top","30px") 时会发生一件奇怪的事情getStyle("top") 返回 "30px"但该元素似乎没有响应更改。

我已经尝试使用 qx.html.Element.flush() 但没有任何变化。

但是当我尝试调整元素的大小时 ( setStyle("height","20px")) 此更改工作正常(评论部分中的示例)

我在这里缺少什么？

为什么调整大小(注释)部分中的 setStyle 有效而移动部分中的 setStyle 无效？

Answer 1

最简单的解释就是元素有position:static。 top、left、right 和 bottom 值仅在元素的位置不是 static 时影响元素(相对、绝对 或固定)。

请注意，更改 position 属性的值会对小部件和整个应用程序的布局产生重要影响。