how can i know what are the shown parts of the html through javascript

Question

I want to get all the href elements of the page that are really shown to the user in the current time (only what inside the browser frame, not the parts that above or under).

For example, if the user is scrolling down in the page, I want to get in my javascript other elements.

Can I even do it? And if not, can I do from Chrome extension?

possible duplicate of [How to tell if a DOM element is visible in the current viewport?](http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport) — Kristoffer Jälén, Aug 28 '14 at 18:55

score 2 · Accepted Answer · answered Aug 28 '14 at 20:12

2

Try

var res = [];
$("a").each(function(i, el) {
  if (el.getBoundingClientRect().bottom <= window.innerHeight) {
    res.push($(el).eq(i));
    $(el).css({"color":"red", "border":"1px solid red"})
  };
});
console.log($("a").size(), res.length, res);

answered Aug 28 '14 at 20:12

guest271314

1
15
104
177

how can i know what are the shown parts of the html through javascript

1 Answers1

Linked