剩余-100%时检查div位置

时间:2018-12-23 15:55:51

标签: javascript jquery

im试图检查div的位置,以便当它在-100%左时返回到100%右。

Im sutck处于检入位置。我正在使用console.log来检查它是否有效,我尝试了console.log(back1X.left)。

$(document).ready(function(){

 setInterval(function() {

    var back1X = $('.back1').position();

 },100);

 $('.back1').animate({'left':'-100%'},50500);

 console.log(back1X);

  });

1 个答案:

答案 0 :(得分:1)

当动画结束时,您可以使用jQuery .animate()complete callback来调用一个函数:

$(document).ready(function() {
  (function loop() {
    $('.back1').css('left', '100%').animate({
      'left': '-100%'
    }, 2000, "linear", loop);
  })();
});
.back1 {
  position: absolute;
  top: 0;
  left: 100%;
  padding: 1em;
  background: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="back1"></div>