Make a jQuery "stick" to the top edge of the browser window?

Hello

I have a jQuery Thickbox window and I want to make it stick as far as possible to the top of the browser window, so the top is visible.

If the bottom is not visible, this (for now) is not a problem.

How can I do it?

javascript

Contributors

Replies

Views

5 Years

Discussion Span

5 Years Ago

Last Post by JorgeM

Use CSS. You will want to set the display property to fixed (if you don't want it to scroll with the page) or absolute (if you do want it to scroll with the page). You will want to set the top property to 0.

hmmm....is there another way to do it/calculate it using margin top/bottom?

Sure you could, but CSS would be the easiest and most accurate. Just you the developer tool bar (firebug, IE devtoolbar or Chrome's) to help you figure out the selector you need to use for the CSS.

What do you mean by "so the top is visible"? The top of the thickbox or some other header on the top of the page?

javascript

<html> <head> <script type="text/javascript" src="fusioncharts/js/fusioncharts.js"></script> <script type="text/javascript" src="fusioncharts/js/themes/fusioncharts.theme.fint.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> </head> <body> <script> FusionCharts.ready(function () { var revenueChart = new FusionCharts({ type: 'doughnut2d', renderAt: 'chart-container', width: '450', height: '450', ...