使用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");