检查 LI 是否在 overflow:hidden div 中溢出答案

【问题标题】：Check if a LI are overflown in overflow:hidden div检查 LI 是否在 overflow:hidden div 中溢出
【发布时间】：2014-09-06 14:55:42
【问题描述】：

我正在努力在自己的滑块上创建自己的延迟加载功能。问题是我有一个带有 overflow:hidden 的 div 容器，并且在这个 div 里面有一个 UL 。每次我滑动我都想通过从 data-src 切换到 src 来加载图像 URL。为此，我需要知道 LI 在 div 容器中是否可见（溢出 div 容器）。这是我的html代码。

<div class="wrapper" style="width:288px;overflow:hidden">
 <ul class="ui" style="width:3000px">
  <li><img class='lazy_1' src="image.png" alt="" class=""/></li>
  <li><img class='lazy_2' src="image.png" alt="" class=""/></li>
  <li><img class='lazy_4' src="image.png" alt="" class=""/></li>
  <li><img class='lazy_5' src="image.png" alt="" class=""/></li>
  <li><img class='lazy_6' src="image.png" alt="" class=""/></li>
 </ul>
</div>

所以现在如果它加载我只想加载lazy_1 和lazy_2 因为在 div 中是可见的。请问如何用 Jquery 做到这一点？

谢谢。

【问题讨论】：

先告诉我们你到目前为止都试过什么。
“我自己的延迟加载函数” - 所以你希望我们编写你自己的延迟加载函数.. ?我不明白...
不，我想知道什么时候图像在 div.wrapper 中对我来说是不可见的，以使我的惰性函数。
是否可见怎么办？
这里是我的滑块 jsfiddle.net/jdDYQ/7 的 jsfiddle@ 一次加载所有图像我只想加载可见的，因为我需要知道它们是否可见

标签： jquery html css slider lazy-evaluation

【解决方案1】：

这是我的滑块 http://jsfiddle.net/jdDYQ/7/ 的 jsfiddle 一次加载所有图像我只想加载可见的图像，因为我需要知道它们是否可见

<div class="wrapper" style="width:288px;overflow:hidden">
 <ul class="ui" style="width:3000px">
 <li><img class='lazy_1' src="image.png" alt="" class=""/></li>
 <li><img class='lazy_2' src="image.png" alt="" class=""/></li>
 <li><img class='lazy_4' src="image.png" alt="" class=""/></li>
 <li><img class='lazy_5' src="image.png" alt="" class=""/></li>
 <li><img class='lazy_6' src="image.png" alt="" class=""/></li>
</ul>
</div>

【讨论】：