Question

我正在开发一个小盒子，用于滑动网页内容。我使用以下方法来滑动内容

＆＃13;

var slider_array_length = $('.see-work').length;
var slider_inner_width = slider_array_length * 32.5;
$('.see_work_slider').css({
  width: slider_inner_width + "vw"
});

$('.right_controller').click(function() {
  var leftPos = $('.see_work_slider_wrapper').scrollLeft();
  $('.see_work_slider_wrapper').animate({
    scrollLeft: leftPos + 440
  }, 400);
});

$('.left_controller').click(function() {
  var leftPos = $('.see_work_slider_wrapper').scrollLeft();
  $('.see_work_slider_wrapper').animate({
    scrollLeft: leftPos - 440
  }, 400);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="see_work_slider_wrapper">
  <div class="see_work_slider">
    <div class="see-work">
      <div class="see-work-img background"></div>
      <h6 class="left_controller lc_clz"><i class="fa fa-angle-double-left" aria-hidden="true"></i> prev</h6>
      <h6 class="right_controller">next <i class="fa fa-angle-double-right" aria-hidden="true"></i></h6>
    </div>

    <div class="see-work">
      <div class="see-work-img background"></div>
      <h6 class="left_controller lc_clz"><i class="fa fa-angle-double-left" aria-hidden="true"></i> prev</h6>
      <h6 class="right_controller">next <i class="fa fa-angle-double-right" aria-hidden="true"></i></h6>
    </div>

    <div class="see-work">
      <div class="see-work-img background"></div>
      <p></p>
      <h6 class="left_controller lc_clz"><i class="fa fa-angle-double-left" aria-hidden="true"></i> prev</h6>
      <h6 class="right_controller">next <i class="fa fa-angle-double-right" aria-hidden="true"></i></h6>
    </div>

  </div>

</div>

＆＃13;

（32.5是＆＃39; see-work＆＃39; div的宽度）问题是去往前面的＆＃39;内容我应该去下一个＆＃39;之前的内容＆＃39;之前的＆＃39;内容。此外，当它加载最后一个内容时，它不会再次加载第一个内容。这不作为循环工作。我想将内容加载为循环。如果我们点击“下一步”，我们会加载上一个内容。它应该再次加载第一个内容。

有人可以告诉我有什么问题以及如何解决它？

在jquery scrollleft中使用leftPos时出现问题

0 个答案: