检查溢出滚动DIV中元素是否完全可见

Question

我已经为一个元素列表创建了一个带有溢出滚动的容器，当点击一个元素时，它会触发一个事件，我想知道如何检查该元素是否完全可见，如果它不可见，使outter div滚动，直到元素完全可见而不是触发事件。

有没有办法用原生css3动画和一些js组合进行滚动？

只需要为webkit浏览器工作，更具体地说是移动游猎。

到目前为止我的努力的示例代码：

http://jsfiddle.net/calebo/hywnc/

Answer 1

你去了： http://jsfiddle.net/hywnc/17/

我正在使用scrollTo插件进行滚动/动画;并找到正确的幻灯片我正在寻找第一个偏移量大于10的幻灯片;然后我假设前一个是目标。

if ($this.offset().left >= 10) {
    // Other logic
    return false // Return false to stop the jQuery each method
}

祝你好运