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

Check if element is fully visible in overflow scrolling DIV

本文关键字：DIV 滚动 元素 是否 溢出 检查      更新时间：2023-09-26

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

有没有一种方法可以结合本地css3动画和一些js进行滚动？

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

以下是我迄今为止努力的一些示例代码：

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

好了：http://jsfiddle.net/hywnc/17/

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

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

祝好运

相关文章：