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

我创建了一个容器，它有一个元素列表的溢出滚动条，当点击一个元素时，它会触发一个事件，我在想如何检查if元素是完全可见的，如果它不可见，则使outter div滚动，直到元素完全可见而不是触发事件。检查元素在溢出滚动中是否完全可见DIV

有没有办法使用本地css3动画和一些js的组合滚动？

只需要为webkit浏览器，更具体的移动Safari浏览器工作。

继承人我努力的一些示例代码至今：

2012-01-10 calebo

检查这个问题：https://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-当前视口..只是采用它的div而不是整个视口 – 2017-08-20 16:45:40

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

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

好运

2012-01-10 02:15:59

嗨，我不认为这是正确的。您打算点击第4项不完全可见），那么它应该滚动/拉到左侧，第4项将完全可见，然后触发特定于内容项目的事件。 – calebo 2012-01-10 02:50:57

请再读一遍您的问题。你不会提到“click”这个词。重写它，我会帮你。 – 2012-01-10 03:46:39

回答