Question

我有一个带水平滚动条的div。当屏幕加载时，我试图为滚动条设置动画，一直向右滚动;用于向用户显示滚动时可用的内容。

在我的CSS中将direction设置为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");

使用Jquery和CSS方向属性动画滚动条

1 个答案: