Переместить свиток div с помощью jquery

Question

Я пытаюсь переместить прокрутку div с помощью jquery, но я не знаю, что я делаю неправильно.

Вот код, который я использую:

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

где CategoryList - это идентификатор моего div с прокруткой.

Не могли бы вы мне помочь? Заранее спасибо. 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");