SmartColumnScroller

Description

In multicolumn page layout, automatically scrolls smaller (lower) column so user never sees white space underneath.

Usage


jQuery(window).load(function () {
  jQuery('#myDiv1, #myDiv2').smartColumnScroller();
});



Recommendation

Start plugin processing in 'window.load' event and not in 'document.ready'.

Source code

Source code is available on https://github.com/dhlavaty/jQuery-SmartColumnScroller

Changelog

• ver. 0.21 (17 January 2011)
  • FIX: Layout breaks on page resize (Issue no.1)

License

Copyright 2011 Dusan Hlavaty [ dhlavaty@gmail.com ]

Licensed under The MIT License

You are free to use a SmartColumnScroller in commercial projects as long as the copyright header is left intact.

Some garbage - please scroll down to see plugin in action

Lorem ipsum dolor sit amet consectetuer tristique sociis magnis odio pretium. Metus ligula euismod In Curabitur purus velit semper Nam interdum amet. Phasellus Vivamus tellus Curabitur consequat sit egestas condimentum et Curabitur Quisque. Metus Pellentesque Curabitur Vestibulum tortor lorem ac Phasellus dapibus at tincidunt. Nunc condimentum semper habitasse congue Phasellus libero Nullam Nulla sed eget. Pellentesque enim vel facilisi id urna enim congue.

Wisi vel velit diam fringilla consequat laoreet volutpat mi magna mollis. Elit In feugiat porttitor senectus ac dui pede et mauris adipiscing. Nec mi quis eu Sed Lorem Suspendisse consequat urna Maecenas turpis. At ut congue lacus amet ut ut habitasse amet Pellentesque id. Lacus Donec faucibus Lorem dis vel id Morbi faucibus ac sociis. Vel nulla et nibh condimentum ante.

Et Nam vitae ornare tincidunt at vitae eu consectetuer consequat sit. Felis tortor id eget mauris id Morbi pharetra eros fringilla tempus. Felis tortor arcu vel orci lacus vitae Morbi tellus faucibus tincidunt. A Quisque orci ullamcorper consectetuer in dolor dictumst metus nec Suspendisse. Non id commodo interdum malesuada Donec.

Enim Phasellus Morbi vitae turpis ac dapibus interdum orci Duis Pellentesque. Auctor nunc Integer id risus risus Aenean hac fermentum lorem ligula. Risus Nam tellus faucibus mollis cursus consequat velit morbi cursus mauris. Convallis Quisque auctor odio vitae aliquam Donec quis Sed tortor volutpat. Amet sapien pretium dis elit Vestibulum auctor.

Non urna eros urna vitae lacinia vel Morbi vestibulum sollicitudin ac. Enim enim elit Curabitur fames felis ut consequat wisi vel lacus. Sed orci est est est semper montes in odio ac ac. Tincidunt Nunc leo ac nibh pretium elit ligula eros suscipit ultrices. Pellentesque Integer enim wisi vitae Curabitur ante interdum Mauris laoreet consectetuer.

Parturient semper libero et amet Sed volutpat et tempor tempus massa. Vel scelerisque est Proin vitae nunc tortor neque orci metus congue. Et Lorem wisi wisi Curabitur mauris Nulla In tellus elit pede. Maecenas aliquam adipiscing augue Phasellus odio fermentum et Cras orci pretium. Et Quisque orci condimentum laoreet penatibus ac at sit tincidunt tempus. Congue dolor libero Lorem.

Condimentum amet lacus ac condimentum Maecenas sapien auctor Nunc et elit. Cursus pretium quis Nullam leo ullamcorper nulla Curabitur vel pede dignissim. Congue dui Aenean consectetuer sed facilisi Vestibulum ac Curabitur est tempor. Magna tempus eu pellentesque In Vestibulum laoreet Curabitur pede Quisque vitae. Nibh cursus nibh leo condimentum libero porta tempus Curabitur sed arcu. At mi orci elit Pellentesque at Nam Aliquam sit.

Enim Praesent malesuada quis Aenean velit pellentesque enim ac mi pellentesque. Ac ligula tempus Phasellus Cum consequat at nibh nibh consectetuer dui. Metus facilisi elit quis quam sodales id Quisque pede Curabitur convallis. Adipiscing tristique nunc Morbi libero mauris eu wisi quis malesuada condimentum. Vivamus iaculis condimentum interdum convallis pretium urna amet Curabitur et at. Vitae at semper id venenatis orci.

Consectetuer interdum sit Sed sed dolor sociis eu volutpat quis augue. Quis eros quis Maecenas fermentum egestas convallis tortor vestibulum at vitae. Venenatis libero tempor faucibus sagittis turpis tellus vel hac wisi vel. Sit Suspendisse facilisi ante Praesent enim interdum suscipit tempus mus massa. Egestas Maecenas Morbi Vestibulum semper sit fames vitae.

Habitant gravida amet ligula et Suspendisse eget augue id malesuada ac. Nibh interdum Nulla in penatibus tellus at pretium id sagittis Nam. Cum vitae malesuada vitae leo adipiscing Curabitur Curabitur justo Nam gravida. Tellus dictumst elit eget elit ac leo nisl justo id eleifend. Lorem Nullam elit pulvinar magna volutpat Nullam.

Ullamcorper magna urna eu Lorem nulla Nam nec consequat condimentum Curabitur. Semper nec turpis Duis et elit iaculis interdum orci id hendrerit. Nec odio Pellentesque tempus et quis dignissim Quisque eu Quisque id. Volutpat urna Morbi diam ac adipiscing fames lacus a laoreet Nullam. Ac Integer Vestibulum malesuada tempus a.

Vestibulum Quisque lacinia quis ut hac dictumst elit Sed Donec netus. Condimentum adipiscing condimentum quis amet et fermentum quis Phasellus vitae ultrices. Tincidunt auctor sapien Cum sed ut id Nullam Curabitur adipiscing laoreet. Non Sed nibh convallis sociis tempus In libero Nam libero odio. Risus consectetuer tempus lorem nunc quis et malesuada Nullam Aenean faucibus. Tristique Morbi cursus vitae Nulla elit in enim.

Turpis senectus ut Nulla arcu Nullam est urna habitant sagittis Proin. Adipiscing ornare Vivamus vel purus sem et Nullam Cras lorem arcu. Tincidunt condimentum fringilla vel quis cursus lacinia augue et lacus quis. Nulla massa pretium lorem In ac consectetuer Nunc tempor laoreet Nunc. Justo a mauris quis nunc fringilla orci et egestas leo nunc. Fringilla scelerisque enim id Maecenas.

Orci interdum accumsan urna Vestibulum sed ac a tincidunt nec urna. Nec urna eros in interdum id gravida leo vitae sodales vel. Consectetuer id dapibus laoreet egestas Aliquam turpis sapien ac nec at. Laoreet Suspendisse id accumsan augue purus ipsum nibh Curabitur lorem pretium. Laoreet semper Nam vel pellentesque nec accumsan Nulla porta metus accumsan. Tellus pharetra tempus pellentesque eget condimentum penatibus tellus.

Quisque ipsum condimentum iaculis Morbi dolor id ac parturient congue In. Vitae vitae a cursus tempor Integer condimentum id pede libero est. Ultrices laoreet a rutrum pellentesque tellus nunc Ut mauris et In. Adipiscing nunc sagittis feugiat tellus justo Curabitur volutpat elit mus aliquet. Nec eu In lobortis non sem velit tincidunt elit platea magna. Morbi pede turpis justo quis Sed Sed.

Platea justo Praesent sem tristique libero elit aliquet Nullam ac elit. Pretium volutpat sit gravida urna elit nibh mattis mattis lacus Donec. Porttitor convallis platea Nam mollis dapibus laoreet et at tellus odio. Metus id ac Morbi orci penatibus leo Nullam porta ut dolor. Curabitur ipsum facilisis eu urna ac et neque In Nulla Pellentesque. Convallis fermentum mattis sapien Ut fringilla tellus metus lobortis tincidunt condimentum. In tristique.

Accumsan eu orci tincidunt vel netus accumsan Nam laoreet lacus tempor. Quisque In velit turpis sed semper neque augue Aenean pellentesque semper. Faucibus sodales Donec quis ac turpis magna Curabitur lacus interdum lobortis. Leo nibh Morbi eu ridiculus id elit purus interdum suscipit id. Hendrerit Sed facilisi odio sit Nam pellentesque ut Nam tempus feugiat. Felis montes adipiscing Cras convallis ac turpis tempor lacus adipiscing metus. Euismod In.

Malesuada dapibus tortor magna sed molestie Pellentesque ut augue Aliquam orci. Non Integer urna ut turpis id dui elit semper Nulla tortor. Justo Maecenas feugiat Sed consequat nec Sed fringilla id eros lacus. Id a eget diam leo id scelerisque nunc condimentum parturient Vestibulum. Pretium pretium porttitor nunc Nunc ullamcorper eros.

End of tallest column

Thank you for scrolling here...