jQuery重置水平滚动不起作用

Question

我有下面的脚本，该脚本会自动向右滚动以滑动图像。不幸的是，我无法重置< / strong> 计数器。 我已经完成了一个条件，以查看 scroll 是否已完成 ，然后重新设置 scroll 的宽度，但是看来不工作。但是，如果我不是重置滚动，而是发出警报-则重置宽度有效，但是滚动仍然不起作用。

一切正常，直到for 循环结束，并且我无法将滚动重置为开始。

这是脚本：

      <script>
 $(function ($) {
  $('#headw').on('scroll', function () {
      if($(this).scrollLeft() + $(this).innerWidth() >= $(this)[0].scrollWidth) {

         // RESET THE COUNTER 
          $("#headw").animate({
                          scrollLeft: "+="+width+"px",
                            }, 3000);

       } 
       else if($(this).scrollLeft() === 0) {

      // Remove this part if you don't want your messages hidden again
      }
      else {

      }
    })
  });



      function doItAll() {
    // put state variables other than the actual loop control here

            function doTheLoop() {
                var i;
                var count;
                var total = <?php echo $row; ?>;
                var tx = total + 1;
                for (i = 0; i < total; i++) {                   

                      var width = $(".divisorx").outerWidth();
                      count = count + width;
                      $("#headw").animate({
                          scrollLeft: "+="+width+"px",
                       }, 3000);

                 }
                return(false);   // done running the loop
              }
            while (doTheLoop()) {}
            // do some things after the loop
           }

          doItAll();


    </script>