Question

I have two HTML files.

First:

<table>
    <tr>...</tr>
    <tr>...</tr>
    <tr>...</tr>
    <tr>...</tr>
    <tr>...</tr>
    <tr>...</tr>
    ...
</table>

Second:

<div=container>
    <div>...</div>
    <div>...</div>
    <div>...</div>
    <div>...</div>
    <div>...</div>
    ...
</div>

table and container have more vertical size than the window. How can I get the current last tr(div) content displayed in the window?

Answer 1

There is a simple jQuery plugin here that checks if an object is visible on screen. You could cycle through each of the div or tr elements in reverse order, using that code to check if it’s inside the current window, until you find the one that is visible on screen.