Jquery Css转换一个元素的左右位置
因此,我有以下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
#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;