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, unless you fiddle with the scrollbar which forces the document back into view.
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.
- The topic ‘Carousel / sticky footer clash’ is closed to new replies.