使用jQuery在滚动上从右向左滑动元素

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<div id="scroll-container" style="width: 500px; height: 200px; overflow: hidden;">
  <ul id="scroll-list">
    <li>元素1</li>
    <li>元素2</li>
    <li>元素3</li>
    <li>元素4</li>
    <li>元素5</li>
  </ul>
</div>

$(document).ready(function() {
  var scrollSpeed = 100; // 滚动速度，单位为毫秒
  var containerWidth = $("#scroll-container").width();
  var listWidth = $("#scroll-list").width();
  var distance = listWidth - containerWidth;

  function scroll() {
    $("#scroll-list").animate({ marginLeft: -distance }, scrollSpeed, "linear", function() {
      $(this).css("margin-left", containerWidth);
      scroll();
    });
  }

  scroll();
});