滚动一个div的滚动条一路用JavaScript

这个问题的权利是jQuery scrollRight?滚动一个div的滚动条一路用JavaScript

重复我有很多的内容（宽度方向）和溢出一个div：汽车，所以我有滚动条在底部。它开始滚动到左边：有没有办法使用jQuery/native JS一直向右滚动它？即使有一种方法可以在CSS中执行此操作（通常会更好），但我需要在JS中执行此操作，因为其中一些其他事情在JS中首先发生（使用jQuery插件DataTable特定）在dom ready块中，所以我的代码需要在此之后运行。

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

谢谢！最大

来源

2014-06-20 Max Williams

你看到这样一个问题：http://stackoverflow.com/questions/8905832/jquery-scrollright？ – Joe

不，我没有，谢谢。这是完美的。对不起，重复。我不确定协议是否规定现在标记为重复或者我只是删除了这个问题？ –

下面是我如何做到这一点 - 你可能认为它有点hacky。

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

$("#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/

来源

2014-06-20 10:21:37 user1578653

滚动一个div的滚动条一路用JavaScript

回答

相关问题