Question

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

以下是我正在使用的代码：

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

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

你可以帮个忙吗？提前致谢。 Josema。

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>

Answer 2

请尝试使用此功能（注意它是-=而不是=-）：

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

用jquery移动div的滚动

2 个答案: