Twee in een venstertje naast elkaar staande kolommen gelijktijdig laten scrollen

2015-08-11

Rechterkolom

De twee kolommen scrollen gelijktijdig, de tekst blijft naast elkaar staan. In browservensters smaller dan 608 px staan de kolommen niet naast, maar onder elkaar.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra diam non nisl lobortis, sit amet aliquet enim laoreet. Nam volutpat arcu urna, sed vehicula nisi rutrum dictum. Duis eu felis ipsum. Sed porttitor, ligula sed luctus blandit, velit leo hendrerit mi, sit amet tincidunt arcu nisl id urna. Vestibulum ut justo arcu. Suspendisse ornare enim et faucibus imperdiet. Phasellus justo mauris, sodales et imperdiet ut, viverra vitae est. Sed augue urna, ultricies venenatis ipsum eget, porta molestie ligula.

Nunc dapibus lectus magna, volutpat volutpat libero vehicula efficitur. Nam nisi erat, commodo tempor rhoncus eu, lobortis mattis tortor. Suspendisse aliquam diam id erat ultricies, eget sollicitudin dolor pretium. Suspendisse eleifend sodales lacus, vitae varius dolor interdum facilisis. Duis tellus quam, dignissim ut consequat ac, condimentum et nulla. Duis semper, lectus quis faucibus sagittis, diam urna elementum lacus, nec congue odio diam in sapien. Phasellus ornare urna sed accumsan porttitor. Nullam eu ex pellentesque elit molestie vulputate et tristique velit.

Sed eu ex at mi varius sollicitudin. Etiam a mauris eget nisl placerat consequat. Nulla consequat eu turpis ac ultricies. Curabitur lobortis, enim vel auctor ultricies, est lectus pulvinar lectus, vel rhoncus purus lectus a lorem. Nullam volutpat tellus id nulla tristique, in blandit purus vehicula. Nulla pulvinar, nunc eget blandit volutpat, lectus dolor rutrum sem, sed commodo purus nibh ut ante. Nunc elementum justo fringilla lorem condimentum tincidunt. Sed et bibendum purus.

Duis ut lacinia lacus. Nulla sollicitudin ligula a odio elementum mollis. Morbi vel congue nisl. Suspendisse faucibus malesuada lacinia. Donec scelerisque quam arcu, eget tempus neque gravida eget. Fusce porta scelerisque felis quis malesuada. Vestibulum aliquam suscipit tempus.

Aenean ut erat ipsum. Aliquam dignissim nulla vel euismod aliquam. Donec nisi sem, tempus at ligula ac, faucibus molestie ante. Integer vehicula elementum lorem id pellentesque. Aenean gravida accumsan leo, eget blandit tellus sodales quis. Vivamus porta elit id iaculis tristique. Donec est nisl, euismod eget feugiat condimentum, porttitor vitae libero. Aliquam lobortis velit sit amet metus laoreet, eu lacinia diam imperdiet. Nam ut augue mauris. Nullam vel semper sapien. Sed enim nisi, blandit nec metus vel, eleifend tempor eros. Mauris fringilla erat libero, et dignissim ligula interdum ut. Ut mollis lorem vel accumsan laoreet.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent accumsan tempus lacus. Integer vitae consequat arcu, id imperdiet augue. Donec et velit mattis est placerat vestibulum. Etiam consectetur ut urna a faucibus. Pellentesque rhoncus quam lectus, ut fringilla tortor finibus ac. Praesent vulputate risus ac odio ornare, quis blandit mi finibus. Donec egestas iaculis dignissim. Nunc dictum neque eget tristique ultrices. Morbi rutrum venenatis imperdiet. Praesent lorem lectus, ornare id felis vel, pellentesque scelerisque eros. Curabitur faucibus orci et auctor congue. Nunc venenatis nunc vel accumsan dignissim.

Vivamus quis imperdiet mi. Sed pellentesque pulvinar viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras quis ligula sit amet ipsum fringilla viverra. Donec id pulvinar libero, id volutpat arcu. Sed consequat, lacus non commodo porttitor, felis urna elementum ipsum, id rutrum nisi nisl in eros. Nullam faucibus congue diam et efficitur. Quisque eget mattis orci. Aliquam tellus est, bibendum vitae neque vel, vehicula interdum dolor. Phasellus feugiat erat leo, sit amet vestibulum ligula consectetur non. Curabitur suscipit ornare augue, eu commodo quam tincidunt vel. Mauris eget venenatis dolor. Morbi egestas faucibus fringilla.

Pellentesque ornare in quam in convallis. In bibendum pretium nibh viverra consectetur. Cras bibendum aliquet risus ac tristique. Morbi metus nulla, viverra in rutrum vel, vulputate a elit. Suspendisse potenti. Aliquam sagittis pulvinar est in tristique. Curabitur cursus suscipit hendrerit. Morbi quis lectus non nisl venenatis euismod eu ac purus. Nulla mauris turpis, ullamcorper eleifend tortor sit amet, fermentum lacinia metus. Sed congue faucibus elit, at tristique nulla tincidunt ut. Ut sodales, risus sit amet pharetra dignissim, magna odio efficitur lorem, quis rhoncus neque magna sit amet eros. Quisque non ligula rutrum, malesuada leo eget, ultrices enim. Aliquam aliquet efficitur feugiat. Quisque urna quam, auctor ut pretium non, aliquet id mauris. Donec aliquam posuere est a pharetra.

Donec vitae mauris id elit iaculis dapibus. Suspendisse id gravida dui. Nullam id turpis mi. In ut tempus orci. Nunc ut velit at ipsum sollicitudin suscipit. Sed in fringilla augue. Proin vitae justo magna. Maecenas risus sem, lacinia porttitor sodales sed, eleifend non est. Sed porta, metus ac luctus volutpat, velit massa porttitor quam, et pharetra orci erat ut leo. Proin sed vestibulum lacus, vitae scelerisque dolor. Donec at felis quam. Integer facilisis quis mi vel rutrum. Cras ultricies elit nisi, in aliquam enim tempus eget.

Fusce tincidunt vehicula ex, quis rhoncus ex. Phasellus malesuada purus mauris, in tincidunt ipsum pretium vitae. Suspendisse nec augue viverra, dapibus nulla sit amet, egestas enim. Integer sit amet iaculis libero. In maximus libero risus, vel finibus odio pellentesque in. Mauris vel orci quam. Sed pellentesque mollis magna at varius. Nunc turpis justo, tempor at bibendum quis, consectetur eu enim. Nullam id nulla sit amet felis varius fermentum eget eu est. Ut sit amet lacus enim. Pellentesque vestibulum ex vitae viverra gravida. Integer id ornare nisi. Curabitur semper purus ipsum. Nullam semper risus vitae tellus congue ultrices. Donec ipsum dolor, condimentum vel enim at, auctor convallis lectus.

Ut euismod nunc sit amet finibus mattis. Aenean at volutpat elit. Aliquam porttitor sem ac nulla lacinia, ut molestie turpis ultricies. Donec fringilla ex urna, sed ultricies lectus convallis quis. Vestibulum lacinia justo sapien, nec auctor turpis consectetur et. Fusce consequat sagittis tortor, ullamcorper fermentum turpis fringilla nec. Duis eros metus, scelerisque vel dapibus a, luctus egestas nisl. Praesent tortor arcu, pellentesque eget lacus vitae, vestibulum commodo nisi. Proin dignissim felis at eros consectetur, malesuada gravida metus sollicitudin.

Integer dignissim non nibh laoreet iaculis. Nam commodo felis eget est volutpat consectetur. Duis pretium, dui sit amet feugiat feugiat, eros sapien convallis orci, vehicula sagittis diam enim vel libero. Quisque ac nisl tincidunt, congue urna eget, condimentum tellus. Aenean malesuada eu enim in finibus. Etiam facilisis ultricies dui, eget ultrices nisi ullamcorper in. Nullam tincidunt orci at augue pulvinar, ut pharetra nisi faucibus. Sed tempor vestibulum egestas. Sed id felis eget tellus malesuada tristique. Curabitur viverra diam nec suscipit posuere. Nullam ac lectus ac diam rhoncus venenatis vitae eget sem. Morbi et lectus sollicitudin ipsum egestas ornare a sed purus. Sed ut urna sagittis, egestas risus sit amet, venenatis lacus.

Integer sit amet auctor erat, nec tincidunt eros. Vestibulum vitae libero semper, ullamcorper nisi a, porta nunc. Fusce ut urna eget quam pellentesque molestie. Pellentesque nec imperdiet neque. Etiam in eleifend dolor. Nulla facilisi. Donec sed erat pellentesque neque fringilla aliquam et eget libero. Pellentesque eget quam non neque tempor dictum. Vestibulum eu congue urna. Quisque laoreet ex id lacus semper vehicula. Suspendisse a volutpat enim, sed pharetra enim. Vestibulum vestibulum lacinia libero ut molestie. Phasellus vel nunc ut nibh fermentum finibus. Donec tincidunt non enim a blandit. Aenean viverra ligula non leo tempor, id maximus risus convallis. Sed fringilla sapien a molestie mollis.

Sed dapibus nibh sit amet ante tristique ultricies. Ut scelerisque dui eget lacus convallis tempus. Donec vehicula ut tellus non rutrum. Cras sit amet nulla in lectus pulvinar luctus. Vivamus a ultrices leo, in iaculis nisl. In mauris mi, auctor ut varius ut, faucibus a tortor. Mauris tempor ultricies lorem. Aenean tincidunt faucibus magna. Ut vitae convallis ipsum. Donec cursus ex et commodo commodo. Proin nec ullamcorper purus, nec porttitor ex. Vestibulum ac urna eget elit faucibus semper. Sed placerat dignissim maximus. Vestibulum pretium iaculis orci at hendrerit.

Aenean vitae magna semper, luctus orci ac, ornare felis. Phasellus tempus, felis et accumsan luctus, diam leo luctus lectus, a laoreet tortor justo sit amet metus. Nulla ornare, leo non tincidunt dapibus, purus elit consectetur ipsum, quis laoreet libero nisl non nunc. Donec pretium lorem dolor, a rutrum tortor vestibulum eget. Curabitur viverra faucibus nulla, vitae ultricies libero pellentesque sit amet. Sed dictum blandit lectus, feugiat lobortis enim elementum non. Nam porttitor metus neque, ac varius arcu finibus eu. Aliquam mollis leo quis nibh ornare, et ultricies lacus volutpat.