【问题标题】：Horizontally scroll to an element inside another element水平滚动到另一个元素内的元素
【发布时间】：2015-08-02 16:51:57
【问题描述】：
在 Firefox 中，您可以通过 scrollTo() 函数轻松地水平滚动到另一个元素内的元素：
var el=$("#element");
var x=el.position().left-el.width();
$("#container").get(0).scrollTo(x,0);
但在 Chrome 中，这会失败。这是一个例子：
http://jsfiddle.net/o9wgufq2/
有没有跨浏览器的方法？
【问题讨论】：
标签：
javascript
css
google-chrome
scroll
overflow
【解决方案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。
这是你的小提琴的更新小提琴。 http://jsfiddle.net/o9wgufq2/5/