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

Question

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

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

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

是否有跨浏览器的方法？

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);

请注意，我已将 get(0) 更改为 eq(0) 以获取 .c 元素的等效索引 0。

这是您的 fiddle 的更新 fiddle。 http://jsfiddle.net/o9wgufq2/5/

Horizontally scroll to an element inside another element