jquery – 如何确定窗口中/折叠下方的项目现在是否可见

前端之家收集整理的这篇文章主要介绍了jquery – 如何确定窗口中/折叠下方的项目现在是否可见前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用 jquery,确定元素是否低于折叠的最佳方法是什么,这意味着它也不在窗口中并且对用户不可见?

谢谢

解决方法

我假设你指的是它是否已被滚动出视图.

如果是这样,试试这个:

if( $(window).scrollTop() + $(window).height() > $('#my_el').offset().top ) {
    // element is in view
}

示例:http://jsfiddle.net/8x4Zd/

(单击结果面板以测试目标元素是否在视图中.然后向下滚动并重复.)

如果要确保整个元素在视图中,请将其.height()添加到等式中.

示例:http://jsfiddle.net/8x4Zd/1/

var win = $(window);
var el = $('#my_el');
var winPos = win.scrollTop() + win.height();
var elPos = el.offset().top + el.height();

if( winPos > elPos ) {
    // element is in view
}
原文链接:https://www.f2er.com/jquery/177513.html

猜你在找的jQuery相关文章