CSS multicolumn polyfill for list items, e.g. navigations
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Latest commit df2cb55 Sep 21, 2015
Permalink
Failed to load latest commit information.
angular Moving angular directive to subfolder May 11, 2015
README.md Adding license Sep 21, 2015
bower.json Update bower.json Sep 16, 2015
multicolumn.js Merge pull request #4 from Yobikap/master Apr 1, 2015

README.md

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