I'm trying to get the Jetpack carousel to work properly, but it is conflicting with the sticky footer technique I'm currently using. The sticky footer requires the HTML element to have a height of 100%.
The result of this rule is that the gallery won't actually show. You just get the default Chrome patterned background.
I notice that I can force visiblity:visible on the body attribute, which seems to fix the problem, but I'm concerned that the plugin sets visibility:hidden for a reason, so I'm looking for a better approach.
One possibility is to use JS to set the height of the HTML element to auto while the carousel is open. Does anybody know of some JS events/callbacks that I can use to achieve this? I would need one when the carousel opens and one when it closes.