Docs:

count: number of divisions (int).

gap: gap between columns (int / px).

fixed: arrange as optimally as possible (boolean).

check: stacking accuracy (int / only if fixed is true).

interval: interval to refresh (boolean / int).

debug: console logs (boolean).

Defult settings:

$('.colums1').columnsToJs({
    count: 3,
    gap: 20,
    fixed: true
    check: 10,
    interval: false,
    debug: false
});
            

Bug list:

1. Check (crash). it is bigger than the number of elements

2. Firefox Freezing scroll.

2. Container container is sometimes too small

Report a bug

in the future:

1. RWD the ability to add resolution dependencies to all settings.

2. Counting in memory counting of items in memory.

3. Events

Text columns

1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet illo sed quas labore, deserunt pariatur eligendi voluptatem odit, ratione possimus, ea asperiores obcaecaearum eum tempore quasi sit, numquam, dolorem incidunt similique officia obcaecati. gnissimos eveniet dolore fugiat similique Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque similique quasi alias eum nam quibusdam, praesentium perferendisti illum quia praesentium culpa. Enim, laboriosam nisi.
2. Veritatis nostrum, consequuntur voluptas, doloribus ab libero earum repellendus? Vel tenetur laudantium quas delectus iure nam, alias quos, dicta voluptates laborum porro hic esse consequatur sunt, dolorem autem natus magni!
3. Quilorem nearum eum tempore quasi sit, numquam, dolorem incidunt similique officia obcaecati. gnissimos eveniet dolore fugiat similique Lorem ipsum doloearum eum tempore quasi sit, numquam, dolorem incidunt similique officia obcaecati. gnissimos eveniet dolore fugiat similique Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque similique quasi alias eum nam quibusdam, praesentium perferendisr sit amet, consectetur adipisicing elit. Cumque similique quasi alias eum nam quibusdam, praesentium perferendisihil sequi illum sapiente voluptatem blanditiis tempore earum quidem similique nostrum accusantium asperiores labore beatae dolor magnam illo neque et atque, cupiditate voluptate, facere quaerat. Odit corrupti sint, eaque!
4. Aut provident, facilis fugiat consequuntur quibusdam mollitia dolor porro aliquid nisi nihil saepe voluptates cupiditate ab error quosearum eum tempore quasi sit, numquam, dolorem incidunt similique officia obcaecati. gnissimos eveniet dolore fugiat similique Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque similique quasi alias eum nam quibusdam, praesentium perferendis alias illo, eum eligendi, commodi ut itaque quisquam ipsa. Illum, voluptatem, inventore.
5. Deserunt autem veniam, officia ipsum temporibus, beatae quia voluptatum, reprehenderit sint est dolores? Architecto ut laboriosam quas a, fugit alias, aut harum illo id officiis reiciendis, quo labore deserunt iure.
6. Vero doloribus soluta aspernatur. Reiciendis voluptatum dolores atque excepturi eveniet incidunt nesciunt consequatur quidem, aliquid architecto, doloribus modi quibusdam alias ipsum dolore. Adipisci incidunt, repellendus. Ipsa id at soluta tempore!
7. Praesentium cumque beatae nulla, possimus quidem eveniet mollitia inventore, earum recusandae excepturi tempore suscipit repellendus molestias pariatur! Eius cumque, numquam alias ab dolor, quae dicta ipsa officia modi porro. Quibusdam.
8. Recusandae dicta cupiditate illum, vero sequi quo. Nulla repellendus earum sunt sequi maxime amet eveniet ducimus fuga at a tempore laborum quis porro illum architecto magnam quidem, necessitatibus, itaque aperiam.
9. In impedit deserunt sit, ducimus et nisi, dicta eos possimus fugit ipsum, labore! Minima tempora eius enim earum, eum repellendus velit accusantium laborum natus cupiditate, dolorem perferendis eligendi, similique sunt.
10. Amet, di Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores mollitia dignissimos ipsum! Accusantium maxime, magni cupiditate dolorum iste doloribus earum eum tempore quasi sit, numquam, dolorem incidunt similique officia obcaecati. gnissimos eveniet dolore fugiat similique Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque similique quasi alias eum nam quibusdam, praesentium perferendis iusto itaque sint a eos beatae nesciunt voluptas necessitatibus, sunt? Ducimus, cum, inventore!a at facilis quibusdam nihil, consequatur totam assumenda commodi repellat vitae, odit quod nesciunt laborum veniam temporibus dolorem quam esse. Expedita assumenda laudantium velit.
11. Totam expedita earum doloremque officiis aut aliquam id nulla, repellendus asperiores voluptas ea autem ratione consectetur repudiandae distinctio error iure quae eaque consequuntur reiciendis fuga. Fuga voluptatem magnam hic! Tempore.
12. Mini Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum molestiae est architecto optio tempora possimus consequuntur, quasi laboriosam assumenda soluta, ullam? Debitis quis explicabo minima accusantium tempore ad. Corporis, tempore.ma vel consequuntur non eum hic sunt modi quasi atque Nostrum sunt quos ab sequi, perspiciatis iure, repellendus exercitationem tenetur facilis sint omnis sed nulla ipsum dolorum natus cumque quod voluptatem eveniet ea adipisci laudantium, eius dolorem officia. In, obcaecati.veniam mollitia vero possimus assumenda, earum, asperiores dolore consectetur dignissimos tempore, ut nulla culpa animi ducimus. Hic alias esse repellat ut fuga doloremque incidunt nulla quia tempore eius facilis quibusdam soluta quaerat optio, laboriosam possimus praesentium officiis aliquid aperiam ipsam recusandae sint. Tenetur pariatur aliquid quos.Sed illum quas quasi.
13. Rem nisi in, eaque perferendis explicabo eum iusto dolorum odit ratione laudantium, molestiae a nulla, molestias quam! Autem excepturi repellendus ut sit quibusdam nemo placeat, aperiam magni dolorem numquam enim.
14. Officia, soluta aliquam. Dolorem assumenda iure odio ex at provident ipsum error officiis nisi repellat sint, labore quaerat, mollitia quasi sunt blanditiis. Error, iure quo, totam nam nulla fugiat illum.
15. Blanditiis sit dolorum obcaecati. Eveniet doloremque repudiandae optio, repellat nihil digniearum eum tempore quasi sit, numquam, dolorem incidunt similique officia obcaecati. gnissimos eveniet dolore fugiat similique Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque similique quasi alias eum nam quibusdam, praesentium perferendisssimos ab aliquid voluptas corrupti consequuntur, rerum eligendi! Modi beatae dolorem hic ipsam distinctio.
16. Animi enim officia Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam inventore reiciendis rem quos sed porro quasi laboriosam et accusantium! Minima at impedit nisi, modi eaque illum autem aliquid similique accusamus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolore, quia sequi ab ipsum error voluptatem corrupti voluptatum, in nisi quae tempore quibusdam qui eaque. Rem natus, suscipit voluptas dicta. Sit soluta maiores odio aperiam earum numquam neque, laboriosam dolores repudiandae aspernatur. Dolores, quo, vero. Perferendis rem pariatur sed earum. Ipsam, enim! in odio architecto facilis at Quas a cum temporibus, similique, laborum ex, magni ullam, dicta nesciunt veritatis earum deleniti hic. Deleniti, nihil cum corporis dignissimos quod quasi omnis aut. Iusto mollitia velit eveniet impedit qui!non veniam esse laudantium qui, saepe eos accusantium consequatur dolores, commodi voluptatum cum deleniti assumenda fugit illo. Rem culpa blanditiis quae qui.
17. Dolores explicabo quasi error perferendis aspernatur reiciendis quisquam dolorem, sunt et cumque. Sed perferendis repudiandae quae iure maxime necessitatibus reiciendis labore repellendus animi asperiores, dolorum aperiam ipsa, quaerat, deserunt voluptas.
18. In incidunt tempora veniam dicta sit eveniet, quaerat peearum eum tempore quasi sit, numquam, dolorem incidunt similique officia obcaecati. gnissimos eveniet dolore fugiat similique Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque similique quasi alias eum nam quibusdam, praesentium perferendisrferendis nesciunt sed quam tenetur odit nisi itaque eos quae a ducimus fugiat quos eius, laborum fugit vero maxime doloribus rem porro.
19. Aspernatur, Culpa ipsam commodi, accusantium maiores quas optio officiis nostrum dolores, ipsum consequuntur explicabo nemo deleniti, alias et! Mollitia nisi beatae dignissimos possimus hic quo vitae blanditiis dolorem, debitis sapiente, adipisci.minima voluptate similique? Molestias laborum quod sapiente dolores expedita quibusdam eum, saepe omnis assumenda architecto deleniti quidem blanditiis, dicta fugit fuga que possimus earum, reprehenderit fuga dignissimos.

Img columns

load more

Img columns 2 no-fixed

Img columns 2 fixed