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

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

有没有一种结合本地css3动画和一些js来进行滚动的方法

只需要适用于webkit浏览器，更具体地说是移动safari

以下是我迄今为止所做工作的一些示例代码：

好了：

我使用的滚动/动画插件；为了找到正确的幻灯片，我正在寻找偏移量大于10的第一张幻灯片；然后我假设前一个是目标

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

---

祝你好运

嗨，我认为这不对。您要单击第4项（不完全可见），然后它应该向左滚动/拉拽，第4项将完全可见，然后触发特定于内容项的事件。请再次阅读您的问题。你没有提到“点击”这个词。正确地重写它，我会帮你解决。检查这个问题：。。只需将其应用于div，而不是整个视口