水平滚动到另一个元素内的元素

Question

在Firefox中，您可以通过scrollTo()函数轻松地水平滚动到另一个元素中的元素：

var el=$("#element");
var x=el.position().left-el.width();
$("#container").get(0).scrollTo(x,0);

但在Chrome中，失败了。这是一个例子：

http://jsfiddle.net/o9wgufq2/

有跨浏览器的方式吗？

Answer 1

首先，请用双引号将您的属性用HTML括起来，即。 class =“c”而不是class = c

jQuery scrollTo是一个插件，所以如果你想使用它，那么你需要加载插件。但是发布的方法scrollLeft和scrollTop足以在这里实现你的目标。

var el=$(".c .d4");
var x=el.position().left-el.width();
$(".c").eq(0).scrollLeft(x);

注意，我已经用eq（0）更改了get（0）以获得.c元素的等效索引0。

这是你小提琴的更新小提琴。 http://jsfiddle.net/o9wgufq2/5/