Skip to content

Instantly share code, notes, and snippets.

@thebigtine
Last active February 6, 2017 17:45
Show Gist options
  • Save thebigtine/2456c82cca762b59fd320aa473b52dbe to your computer and use it in GitHub Desktop.
Save thebigtine/2456c82cca762b59fd320aa473b52dbe to your computer and use it in GitHub Desktop.
A script that centers a element inside its parent
function centerVertical(child, parent, property) {
var parentHeight = parent.height(),
childHeight = child.height();
// Position the child with an inline style
child.css(property, (parentHeight - childHeight) / 2);
} centerVertical($('.js-vertical-align-child'), $('.js-vertical-align-parent'), 'margin-top');
@toothbrush7777777
Copy link

Use translateY(…) instead of translate(0, …).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment