multicolumn-polyfill icon indicating copy to clipboard operation
multicolumn-polyfill copied to clipboard

CSS multicolumn polyfill for list items, e.g. navigations

What is it?

This imitates the CSS3 multicolumn effect for list items for IE8-9. Use it with Modernizr.

How does it work?

  • Gets all children of an element
  • Distributes them on new floating "column" elements
  • Hides the original
  • Responsive behaviour: On resize, checks if column number changes

Usage Example

 if (!Modernizr.csscolumns) {
   $('.mycolumn-element').multicolumn();
 }

License

This script is open-sourced software licensed under the MIT license