设置overflow-x: auto如何让其内容滚动到指定位置

需求：
当给父元素设置overflow-x: auto后，需要它的选中了的子元素滚动到当前位置显示。
图一为第一个子元素的内容，图二为效果图。


实现：
首先获得需要滚动的元素距离父元素的左边的位置，.resources_x[file="'+resource_id+'"]为蓝色的块元素，是resources_cont的子元素。

data = $('.resources_cont').find('.resources_x[file="'+resource_id+'"]').position().left

然后设置父元素的滚动距离

$('.resources_cont').scrollLeft(data);

完美解决！