Question

下面是我的代码片段，用于将div从左向右移动。

$( "#go" ).click(function() {
  var stop = $(".stopdiv").offset().left;
  var obj = document.getElementById("audio"); 

  $( ".move" ).animate({
    opacity: 0.25,
    left: stop-($(".stopdiv").width()+$(this).width()),
  }, {
    duration: 1000, 
    step: function(){
        $('.sound').each(function(){

            });

  }, complete: function() {
    $(this).css('left',0);
    $(this).css('height','100%');

  }});


});

Answer 1

要将左侧设置为元素，您应该将其设置为它 relative/fixed/absolute

在您的情况下，将位置设置为相对于.move

.move{position:relative;background:green;width:2px; height:100px;}

Working Example

另一个Demo你可以看看它

Answer 2

我不知道这是你要找的，但你可以尝试一下：

$( "#go_right" ).click(function() {
  $( ".stopdiv" ).animate({ "left": "+=50px" }, "slow" );
});

$( "#go_left" ).click(function(){
  $( ".stopdiv" ).animate({ "left": "-=50px" }, "slow" );
});

https://jsfiddle.net/5qne0skd/

div没有正确地从左向右移动

2 个答案: