Midway.js

Midway.js was specifically created to help and fix centering issues on mobile devices. It can be used for desktop applications, but it was initially developed for mobile applications.

The plugin fixes how elements centered via CSS' absolute positioning are displayed when the viewport size changes.

Midway.js makes sure the elements stays in the center of their parent's new container, and avoid situations when it will might go off-screen or off-center when the page is resized or loaded on a smaller screen.

The plugin supports both vertically and horizontally centered elements.

Midway comes with a few basic examples to show developers how it can be implemented.

What is new in this release:

• Fixed bug in which centering breaks with more than one element being centered the same way.
• Classes renamed from centerVertical to midway-vertical and centerHorizontal to midway-horizontal.
• Small performance improvement.
• Demo file added.

Requirements:

• JavaScript enabled on client side
• jQuery