水平滾動到另一個元素內的一個元素

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/