2009-12-03 118 views
1

我試圖用jquery移動div的滾動,但我不知道我做錯了什麼。用jquery移動div的滾動

下面是即時通訊使用的代碼:

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

其中所屬分類是我的分度盤的ID。

你能幫我一下嗎? 在此先感謝。 Josema。

回答

2

您應該使用"+=5"和動畫#FixedWindow,不是你的所屬分類

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> 
+0

非常感謝。 此致敬禮。 Josema。 – Sosi

0

試試這個(注意這是-==-):

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