如果 html 元素位于 div 的溢出区域且溢出属性设置为隐藏，如何检查该 html 元素是否可见？

Question

我有一组 LI 元素，其溢出属性设置为隐藏
jCarouselLite 插件。我想做的事 是滚动 jCarouselLite'd 元素以便滚动到 我想要 LI 元素，因为我已将其配置为 仅显示 3 个元素。 查看插件生成的 html 代码，我可以看到：

<ul ..>
    <li ..style="..overflow:hidden">1</li>
    <li ..style="..overflow:hidden">2</li>
    <li ..style="..overflow:hidden">3</li>
    <li ..style="..overflow:hidden">4</li>
</ul>

因此，我有插件显示的前 3 个 LI 元素，但没有最后一个。我想做的是滚动以便显示第四个 LI 元素，或者如果我设法检查最后一个 LI 是否在溢出区域内，我可以自己执行此操作，这样我就可以看看是否有必要滚动为了显示或不显示它。

希望我不会让事情变得混乱而难以理解。

Answer 1

如果我理解正确的话，您想检查该组中的最后一个 li 是否具有样式溢出：隐藏。

您可以使用一个简单的选择器来完成此操作。

$(document).ready(function(){

  tester = $('li').last().css('overflow');
  alert (tester);

});​

这会将最后一个li的溢出样式设置为变量“tester”，并且当它发送警报框时，它将警告当前溢出状态。因此，如果溢出设置为隐藏，则会显示“隐藏”，如果溢出设置为滚动，则会显示“滚动”。

抱歉，如果我没有正确理解或回答您的问题。

Answer 2

我找不到原始问题的答案，但对于任何 jCarouselLite 插件用户，为了使 carouselLite 滚动到特定项目，我所做的就是修改私有方法 go< 的声明/strong> 插件以便将其公开，如下所示：

.. code ..
go = $.fn.jCarouselLite.go = function go(to) {
        if(!running) {
    .. code ..
}
.. code ..

我确信这不是最好的，更重要的是，更安全的解决方案，但目前它对我有用。只需调用

$().jCarouselLite.go(position);

我的脚本，将位置视为从 0 开始的数字（carouselLite 上的第一个位置）。