Getting the ID of the div at current position
<p>I have n number of <code>&lt;section&gt;</code> in a page. Each one is provided with id such as 'page1', 'page2'...</p>

<p>At the top I place 2 buttons say Previous and Next. When Previous is pressed it will be scrolled to the Previous <code>&lt;section&gt;</code>. Similarly to the next <code>&lt;section&gt;</code> on pressing Next Button.</p>

<p>But now the problem is when a user scrolls the page using the scroll bar, how can I detect which <code>&lt;section&gt;</code> the user is viewing?</p>
