Question

I have a parent div with over flow and hence horizontal scroll,
This holds a grid and some data the paging controls for this lies in in another div below it

problem is i want the paging div to be fixed even when parent div is scrolled(only x scroll)

<div style="overflow:scroll">
<table>data</table>
<div id="bottom">Paging</div>
</div>

Answer 1

You have several options:

1. place your pagination object outside the scrollable element
2. use position:fixed;. Note however, that an element with fixed position is positioned according to the browser-viewport and not the parent-element. This means, you have to know the dimensions of your elements to place the pager in the right position.

edit:
Fiddle for fixed position