Jquery Css转换一个元素的左右位置

Jquery Css转换一个元素的左右位置,jquery,html,css,Jquery,Html,Css,因此,我有以下css代码: #masthead { transition: left linear 0.25s; -moz-transition: left linear 0.25s; -o-transition: left linear 0.25s; -webkit-transition: left linear 0.25s; -ms-transition: left linear 0.25s; transition: right linear

因此,我有以下css代码:

#masthead {
    transition: left linear 0.25s;
    -moz-transition: left linear 0.25s;
    -o-transition: left linear 0.25s;
    -webkit-transition: left linear 0.25s;
    -ms-transition: left linear 0.25s;
    transition: right linear 0.25s;
    -moz-transition: right linear 0.25s;
    -o-transition: right linear 0.25s;
    -webkit-transition: right linear 0.25s;
    -ms-transition: right linear 0.25s;
}
我想转换左右位置。 但它并没有像预期的那样工作。 我意识到这是因为在css选择器中不能有相同的属性声明

所以我想也许我可以这样做,但它仍然不起作用:(

我还尝试了:
转换:全线性0.25s;
但问题是,当页面滚动时,页眉会变粘,页眉顶部有一个25px高的顶栏。因此,当顶栏隐藏在滚动上时,页眉会过渡到顶部。 我还需要从左边和右边滑出的非画布菜单,当它们滑出时,标题会被推到左边或右边,这取决于触发的非画布菜单

这是向左或向右推动收割台,我想触发
position:left/right
,但不是
position:top

我该怎么办呢

似乎没有提供解决方案。我认为这可能是不可能的


干杯

您只需要重复属性。因此

transition: left, right linear 0.25s; 
试一试


你试过过渡:所有线性0.25s;?我知道这适用于所有类型的过渡,但也许它能解决你的问题!@JVLobo为你的帮助干杯。看到我更新的答案,不幸的是,在这种情况下它对我没有帮助:(很有魅力,没有意识到你可以重复这些属性。干杯,巴德:)
transition: left, right linear 0.25s; 
transition: left linear 0.25s, right linear 0.25s;