我有以下demo ，但我无法使用 jQuery 对 ul 的 left 属性进行动画处理。
这是我的代码:
<style>
.well{ overflow:hidden; }
ul{width:22222px;}
li + li{margin-left:.06%}
</style>
<div class="container">
<div class="btn-group">
<button class="btn btn-default leftslide">Left</button>
<button class="btn btn-default rightslide">Right</button>
</div>
<div class="well">
<ul class="list-inline">
<li><img src="http://placehold.it/150X100" class="img-thumbnail"></li>
<li><img src="http://placehold.it/150X100" class="img-thumbnail"></li>
<li><img src="http://placehold.it/150X100" class="img-thumbnail"></li>
<li><img src="http://placehold.it/150X100" class="img-thumbnail"></li>
<li><img src="http://placehold.it/150X100" class="img-thumbnail"></li>
<li><img src="http://placehold.it/150X100" class="img-thumbnail"></li>
<li><img src="http://placehold.it/150X100" class="img-thumbnail"></li>
<li><img src="http://placehold.it/150X100" class="img-thumbnail"></li>
</ul>
</div>
</div>
<script>
$(".leftslide").on("click",function(){
$(".list-inline").animate({left:'-250px'}, 300);
});
</script>
谢谢
最佳答案
left 没有任何意义，除非你告诉它如何解释位置。 相对于我当前的位置？作为绝对坐标？视口(viewport)中的固定？
关于javascript - 使用 jQuery 处理左侧属性的动画问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23146206/