javascript - 使用 jquery 移动 div 的滚动条

Question

我试图用 jquery 移动 div 的滚动条，但我不知道我做错了什么。

这是我使用的代码:

$("#CategoryList").animate({ scrollLeft: "=-5" }, "slow");

其中 CategoryList 是带有滚动条的 div 的 ID。

你能帮我一下吗？ 提前致谢。 何塞玛。

Answer 1

您应该使用 "+=5" 并为 #FixedWindow 设置动画，而不是您的 CategoryList

function InitList(){
  $("#NavigateBackward").hover(function(){
      $("#FixedWindow").animate({ scrollLeft: "+=5" }, "slow");
  });

  $("#NavigateFordward").hover(function(){
    $("#FixedWindow").animate({ scrollLeft: "-=5" }, "slow");
  });
}

.

<span id="NavigateBackward"><</span>
<span id="NavigateFordward">></span>
<div id="FixedWindow" style="width:129px;overflow:hidden;">
     <div id="CategoryList" style="width:2000px;overflow:auto;">
         <p class="MiniCategory" style="display:inline;">Category 1</p>
         <p class="MiniCategory" style="display:inline;">Category 2</p>
         <p class="MiniCategory" style="display:inline;">Category 3</p>
         <p class="MiniCategory" style="display:inline;">Category 4</p>
         <p class="MiniCategory" style="display:inline;">Category 5</p>
     </div>
</div>