0

在这里，我创建了jsFiddle，它复制了我的问题

动画后（单击 MOVE 两次），固定列返回错误位置。

是否可以在不使用left或right固定定位元素的情况下为我的 this 设置动画？

4

3 回答 3

1

更新了 jsfiddle http://jsfiddle.net/z8fBD/7/

诀窍是在#body 上添加重置翻译

#body {
    position:absolute;
    left: 0;
    top:0;
    width: 200px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translate(0%,0px);
    -moz-transform: translate(0%,0px);
    -ms-transform: translate(0%,0px);
    -o-transform: translate(0%,0px);
    transform: translate(0%,0px);
}
于 2013-11-09T08:40:48.960 回答
0

您必须添加margin:0pxandpadding:0px到您的<body>因为 position:fixed lead element attop` 而不考虑文档的填充和边距。

请在这里查看 JsFiddle Demo

于 2013-11-09T08:00:02.507 回答
-1

删除“位置：固定；” 来自#fixed 风格，它工作正常......

于 2013-11-09T07:58:04.433 回答