如何检测Html元素在View中？

最好使用Jquery，如何检测元素是否在浏览器的可查看客户区域内？

我正在从数据集动态创建菜单，当列表增长太长时，结果菜单的高度会导致其中一部分落在浏览器底部客户区域之下。 我如何检测到这一点并采取相应措施？

Answer 1

我相信应该可以使用position()和scrollTop()来烹饪（如果你的页面容易出现水平滚动，请添加scrollLeft ）。 以下是一些未经测试的示例代码，如果目标元素在视口中（完全或部分），则应显示消息：

 var pos = $('#element').position(), win = $(window); if (pos.top < win.height() + win.scrollTop() && pos.bottom > win.scrollTop()) { alert('Look at me!'); } 

如果您特别关注完全可见性，则可以交换条件：

 if (pos.bottom < win.height() + win.scrollTop() && pos.top > win.scrollTop()) { 

添加对视口水平滚动的支持留给读者练习:)