1
我試圖用jquery移動div的滾動,但我不知道我做錯了什麼。用jquery移動div的滾動
下面是即時通訊使用的代碼:
$("#CategoryList").animate({ scrollLeft: "=-5" }, "slow");
其中所屬分類是我的分度盤的ID。
你能幫我一下嗎? 在此先感謝。 Josema。
我試圖用jquery移動div的滾動,但我不知道我做錯了什麼。用jquery移動div的滾動
下面是即時通訊使用的代碼:
$("#CategoryList").animate({ scrollLeft: "=-5" }, "slow");
其中所屬分類是我的分度盤的ID。
你能幫我一下嗎? 在此先感謝。 Josema。
您應該使用"+=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>
試試這個(注意這是-=
不=-
):
$("#CategoryList").animate({ scrollLeft: "-=5" }, "slow");
非常感謝。 此致敬禮。 Josema。 – Sosi