JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.sstatic.net/stackoverflow/all.css">
<div id="mainbar" style="width: 500px;">
<div class="question" data-questionid="683339" id="question">
<table>
<tbody>
<tr>
<td class="votecell">
<div class="vote">
<input type="hidden" name="_id_" value="683339">
<a class="vote-up-off" title="This question shows research effort; it is useful and clear">up vote</a>
<span class="vote-count-post " title="View upvote and downvote totals" style="cursor: pointer;">177</span>
<a class="vote-down-off" title="This question does not show any research effort; it is unclear or not useful">down vote</a>
<a class="star-off" href="#" title="This is a favorite question (click again to undo)">favorite</a>
<div class="favoritecount"><b>43</b></div>
</div>
</td>
<td class="postcell">
<div>
<div class="post-text" itemprop="description">
<p>Is there a way of finding the absolute position of an element, i.e. relative to the start of the window, using jQuery?</p>
</div>
<table class="fw">
<tbody>
<tr>
<td class="vt">
<div class="post-menu"><a href="/q/683339/195417" title="short permalink to this question" class="short-link" id="link-post-683339">share</a><span class="lsep">|</span><a href="/posts/683339/edit" class="edit-post" title="revise and improve this post">edit</a><span class="lsep">|</span><a href="#" class="close-question-link" title="vote to...
JavaScript
$(function () {
var $w = $(window),
wb = $w.height(),
wr = $w.width(),
arr = [];
$('*').each(function () {
var $this = $(this),
ofs = $this.offset(),
eb = ofs.top + $this.height(),
er = ofs.left + $this.width();
if (eb > wb || er > wr) {
arr.push(this);
}
});
var msg = "Array contains: " + arr.length + "\n";
for (var it = 0; it < arr.length; it++) {
msg += arr[it].tagName + " - ";
msg += "Largura: " + $(arr[it]).css('width') + "; ";
msg += "Altura: " + $(arr[it]).css('height') + "; ";
msg += "\n";
}
alert(msg);
});