Question

此问题与jQuery scrollRight?

重复

我有一个内容很多的div（宽度方式）和overflow：auto，所以我在底部有滚动条。它开始完全滚动到左边：有没有办法将它一直滚动到右边，使用jQuery / native JS？

即使在CSS中有这样的方法（这通常是更好的）我需要在JS中这样做，因为在JS中首先在表中发生了一些其他的东西（使用jquery插件DataTables是在dom ready块中，所以我的代码需要在那之后运行。

我认为这很简单，但我没有设法谷歌任何有用的东西。

谢谢！最大

Answer 1

我是这样做的 - 你可能会认为它有点笨拙。

在下面的示例中，“＃test”是一个宽度为100px且溢出的div：auto。

$("#test").css("overflow","none");
$("#test").css("width","none");
var width = $("#test").width();
$("#test").css("overflow","auto");
$("#test").css("width","100px");
$("#test").animate({scrollLeft: width}, 100);

这里我正在摆脱宽度和溢出CSS属性来计算出内容的真实宽度。然后我将CSS属性重新打开并滚动到该宽度。

这是一个JSFiddle：http://jsfiddle.net/dReFh/

使用javascript将div的滚动条一直滚动到右侧

1 个答案: