使用Jquery和CSS方向屬性的動畫滾動條

Question

我有一個水平滾動條的div。當屏幕加載時，我試圖爲滾動條添加動畫，一直滾動到右側，然後再次滾動;目的是向用戶展示如果他們滾動可用的東西。

在我的CSS中將方向設置爲ltr，滾動一直設置在左側。設置爲rtl時，它將一直設置在右側。這表明實現下面的jquery動畫代碼將實現我的目標。這種方法有什麼問題，爲什麼代碼沒有做任何事情？

$(document).ready(function() { 
$("#divWithScroll").animate({ "direction": "rtl" }, "slow"); 
$("#divWithScroll").animate({ "direction": "ltr" }, "slow"); 

}); 

CSS：

#divWithScroll{ 
position:absolute; 
top:4em; 
left:5%; 
right:0px; 
right:5%; 
height:14em; 
overflow-x:scroll; 
overflow-y:hidden; 
white-space: nowrap; 
width: 90%; 
direction:ltr; 
} 

Answer 1

也許你應該提供一個代碼或小提琴。

根據我的設想，我猜你應該將div內容的左邊位置一直動畫到左邊，然後再鏈接到動畫，直到它再次回到右邊。

樣本：

$(content) 
    .animate({"left": $(this).parent().width() - $(this).width()},"slow") 
    .animate({"left": 0},"slow");