使用jQuery发出动画左侧属性

时间:2014-04-18 01:50:16

标签: javascript jquery

我有以下demo,但我无法使用jQuery为left的{​​{1}}属性设置动画。

这是我的代码:

ul

由于

2 个答案:

答案 0 :(得分:3)

left除非您告诉它如何解释position,否则没有任何意义。 relative到我目前的位置?如absolute坐标?视口中的fixed

答案 1 :(得分:1)

这是对@ harbichidian的答案的补充

以下是您要实现的目标的实例。 如果要为任何元素的top,left,bottom,right属性设置动画,则应更改其默认位置(位置属性),默认定位为静态,您可以更改它可以说相对,绝对,固定(根据您的需要)能够为元素的属性设置动画。

jsfiddle

$(".leftslide").on("click",function(){
  $(".list-inline").animate({left:'-=250px'}, 300);   
});

ul{width:22222px; position:relative}