Déplacer défilement d'un div avec jquery

Question

Im essayant de déplacer le défilement d'un div avec jquery, mais je ne sais pas ce que je fais mal.

Voici le code qui im ​​en utilisant:

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

où CatégorieListe est l'ID de ma div avec défilement.

Pourriez-vous me donner un coup de main? Merci d'avance. Joséma.

Answer 1

Vous devez utiliser "+=5" et animer le #FixedWindow, pas votre CatégorieListe

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

Essayez plutôt (notez qu'il est -= pas =-):

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