• From: Seattle
  • Registered: 2013-02-19
  • Posts: 20

Topic: fixed top bar with 100% height and footer

hi i have a page setup with a fixed top bar and a 100% height body, and a footer at that's always at the bottom..

as soon as i use juicebox, the plugin does not take into account the height of the topbar (not expecting it to) and basically pushes the footer down thus creating a scrollbar.

is there anyway to tell juicebox i want X amount of pixels subtracted from the height it calculates for the juicebox container div? the height it's calculating seems to be the browser window size and not the size of the container i put the juicebox container inside of.

thanks.

dlydiard's Website

  • From: Seattle
  • Registered: 2013-02-19
  • Posts: 20

Re: fixed top bar with 100% height and footer

never mind, figured out how to do what i want via the API.

dlydiard's Website

  • Registered: 2012-04-24
  • Posts: 5,916

Re: fixed top bar with 100% height and footer

If you would like to have a header and/or footer of fixed height on your web page and have your Juicebox gallery resize to fill the remaining browser window (with no vertical scroll bar), please see the Using a Resizable Gallery with a Header section of the Embedding Guide.
Check out the View Resizable Gallery with Top Menu Example. You can view the source of the page in a browser and copy/modify it to suit your own needs.