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.
Can you give your site’s URL so I can have a look? I’d like to open a Trac ticket for it to get it fixed, but it’d be useful to see a live example. Alternatively, if you want you can open a Trac ticket yourself. Look at http://jetpack.me/contribute for information on how to do that, and open the ticket here: http://plugins.trac.wordpress.org/newticket?component=jetpack Screenshots and any other details would help in making the Trac ticket as complete as possible. Thanks!
I don’t actually have a live copy for you to see. It’s all on my local server at the moment.
- The topic ‘HTML height hiding gallery’ is closed to new replies.