A jQuery plugin for making smart sticky elements.
/*
:: Vendor Path
node_modules/sticky-kit/
:: Installed
npm install sticky-kit
:: SOW Controller Init
*/ $.SOW.vendor.sticky_kit.init('.sticky-kit')
<!--
:: Attributes
set a top offset in pixels
If not provided, is autocalculated if header is fixed.
-->
data-sticky-kit-offset="100"
We launched Smarty few years ago and more than 7000 people are using it. Thank you for support!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Donec et odio pellentesque diam. Etiam sit amet nisl purus in mollis nunc sed id. Neque sodales ut etiam sit amet nisl purus in. Tristique senectus et netus et malesuada. Ut ornare lectus sit amet. Mauris sit amet massa vitae tortor condimentum lacinia quis vel. Sed risus ultricies tristique nulla aliquet enim tortor at. Lacus luctus accumsan tortor posuere ac ut consequat semper viverra. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh.
Urna id volutpat lacus laoreet non curabitur. Nisl pretium fusce id velit ut tortor pretium. Integer vitae justo eget magna fermentum iaculis eu non. Sapien et ligula ullamcorper malesuada proin libero. Mauris nunc congue nisi vitae suscipit tellus. Nullam eget felis eget nunc lobortis mattis aliquam faucibus. Enim sed faucibus turpis in. Tincidunt nunc pulvinar sapien et. Lorem ipsum dolor sit amet consectetur adipiscing. Eleifend mi in nulla posuere sollicitudin aliquam. Vel turpis nunc eget lorem dolor sed viverra ipsum. Amet massa vitae tortor condimentum lacinia quis vel eros. Massa ultricies mi quis hendrerit dolor magna eget. Eget duis at tellus at urna condimentum mattis pellentesque. Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque.
Laoreet id donec ultrices tincidunt. Nam aliquam sem et tortor consequat id. Sit amet facilisis magna etiam. Dolor sit amet consectetur adipiscing elit ut. Platea dictumst vestibulum rhoncus est pellentesque elit. Amet consectetur adipiscing elit pellentesque habitant morbi. Laoreet id donec ultrices tincidunt arcu non sodales neque. Eget magna fermentum iaculis eu non diam phasellus. Id volutpat lacus laoreet non curabitur gravida. Rhoncus dolor purus non enim praesent elementum facilisis leo vel. Tristique risus nec feugiat in fermentum posuere urna nec tincidunt. A diam maecenas sed enim ut sem viverra aliquet eget. Malesuada fames ac turpis egestas integer eget aliquet nibh. Proin nibh nisl condimentum id. Curabitur vitae nunc sed velit. Diam vulputate ut pharetra sit amet. Vel eros donec ac odio tempor orci dapibus ultrices in. Cursus risus at ultrices mi tempus imperdiet nulla. Auctor augue mauris augue neque.
Senectus et netus et malesuada fames ac turpis egestas. Arcu ac tortor dignissim convallis aenean et. Porttitor lacus luctus accumsan tortor. At varius vel pharetra vel turpis. Nunc non blandit massa enim. Egestas erat imperdiet sed euismod. Nisi quis eleifend quam adipiscing vitae proin sagittis. Viverra mauris in aliquam sem fringilla ut morbi. Pharetra diam sit amet nisl. Quam viverra orci sagittis eu.
A arcu cursus vitae congue mauris rhoncus aenean. At elementum eu facilisis sed. Aenean euismod elementum nisi quis eleifend quam adipiscing. Accumsan tortor posuere ac ut consequat. Praesent elementum facilisis leo vel fringilla est. Iaculis eu non diam phasellus vestibulum. In metus vulputate eu scelerisque felis. Cursus mattis molestie a iaculis at erat. Lorem mollis aliquam ut porttitor leo a diam sollicitudin tempor. Neque viverra justo nec ultrices dui sapien eget. Tristique sollicitudin nibh sit amet commodo. Et tortor at risus viverra. Egestas erat imperdiet sed euismod nisi porta lorem mollis. Vitae tortor condimentum lacinia quis vel eros donec ac. Fames ac turpis egestas sed tempus urna. Augue eget arcu dictum varius duis.
Eu sem integer vitae justo. Ultricies leo integer malesuada nunc vel risus commodo viverra. Mattis rhoncus urna neque viverra justo nec. Ac tincidunt vitae semper quis lectus nulla at volutpat diam. Quam id leo in vitae turpis. Sed sed risus pretium quam vulputate dignissim suspendisse in est. Urna molestie at elementum eu facilisis sed odio morbi quis. Sit amet est placerat in egestas erat imperdiet. Amet nisl purus in mollis nunc sed id. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Eu sem integer vitae justo eget. Pretium nibh ipsum consequat nisl vel pretium lectus. Enim eu turpis egestas pretium aenean. Elit eget gravida cum sociis natoque penatibus et magnis. Dui nunc mattis enim ut tellus elementum. Enim neque volutpat ac tincidunt vitae.
Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Turpis in eu mi bibendum neque egestas congue quisque. Mauris a diam maecenas sed. Faucibus pulvinar elementum integer enim neque volutpat ac tincidunt. Senectus et netus et malesuada fames ac turpis egestas. Pellentesque dignissim enim sit amet venenatis urna cursus eget nunc. A diam sollicitudin tempor id eu nisl nunc mi. Amet massa vitae tortor condimentum lacinia quis. Mauris sit amet massa vitae. Elementum eu facilisis sed odio morbi quis commodo. Diam phasellus vestibulum lorem sed. Nam aliquam sem et tortor consequat id. Ornare aenean euismod elementum nisi. Morbi leo urna molestie at elementum. Sapien nec sagittis aliquam malesuada. Placerat orci nulla pellentesque dignissim enim. Libero id faucibus nisl tincidunt eget nullam. Eget magna fermentum iaculis eu non.
Mi eget mauris pharetra et. Consectetur lorem donec massa sapien faucibus et. Justo laoreet sit amet cursus sit amet dictum. Velit sed ullamcorper morbi tincidunt ornare. Sociis natoque penatibus et magnis. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque. Velit dignissim sodales ut eu sem integer vitae justo eget. Ultricies integer quis auctor elit sed vulputate mi sit. Sit amet aliquam id diam maecenas ultricies. Egestas maecenas pharetra convallis posuere morbi. Leo vel fringilla est ullamcorper. Sit amet commodo nulla facilisi. Massa ultricies mi quis hendrerit dolor magna eget est.
Lacus sed turpis tincidunt id aliquet risus feugiat in ante. Amet volutpat consequat mauris nunc congue nisi vitae suscipit tellus. Laoreet id donec ultrices tincidunt arcu non sodales neque sodales. Vitae et leo duis ut. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Dis parturient montes nascetur ridiculus mus mauris vitae. Nec nam aliquam sem et tortor consequat id porta. Nec ultrices dui sapien eget mi. Mauris vitae ultricies leo integer malesuada nunc. Velit euismod in pellentesque massa placerat. Mattis aliquam faucibus purus in massa tempor nec feugiat. Purus ut faucibus pulvinar elementum integer. Sapien faucibus et molestie ac feugiat sed. Eu augue ut lectus arcu bibendum at varius. Lacus sed viverra tellus in. Auctor urna nunc id cursus metus aliquam eleifend. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Ac tincidunt vitae semper quis. Sed felis eget velit aliquet sagittis id consectetur.
Maecenas volutpat blandit aliquam etiam. Orci eu lobortis elementum nibh tellus. Elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. Magna sit amet purus gravida quis. Eget duis at tellus at urna. Proin nibh nisl condimentum id venenatis a condimentum vitae sapien. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Vel turpis nunc eget lorem dolor. Aliquam vestibulum morbi blandit cursus risus. Sed felis eget velit aliquet sagittis id consectetur purus. Pretium viverra suspendisse potenti nullam ac tortor. A arcu cursus vitae congue. Diam quam nulla porttitor massa id neque aliquam vestibulum. Mi sit amet mauris commodo quis. Mauris pharetra et ultrices neque ornare aenean euismod elementum nisi. Tincidunt augue interdum velit euismod in pellentesque massa. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Fusce id velit ut tortor. Nulla porttitor massa id neque aliquam vestibulum. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan.
A arcu cursus vitae congue mauris rhoncus aenean. At elementum eu facilisis sed. Aenean euismod elementum nisi quis eleifend quam adipiscing. Accumsan tortor posuere ac ut consequat. Praesent elementum facilisis leo vel fringilla est. Iaculis eu non diam phasellus vestibulum. In metus vulputate eu scelerisque felis. Cursus mattis molestie a iaculis at erat. Lorem mollis aliquam ut porttitor leo a diam sollicitudin tempor. Neque viverra justo nec ultrices dui sapien eget. Tristique sollicitudin nibh sit amet commodo. Et tortor at risus viverra. Egestas erat imperdiet sed euismod nisi porta lorem mollis. Vitae tortor condimentum lacinia quis vel eros donec ac. Fames ac turpis egestas sed tempus urna. Augue eget arcu dictum varius duis.
Eu sem integer vitae justo. Ultricies leo integer malesuada nunc vel risus commodo viverra. Mattis rhoncus urna neque viverra justo nec. Ac tincidunt vitae semper quis lectus nulla at volutpat diam. Quam id leo in vitae turpis. Sed sed risus pretium quam vulputate dignissim suspendisse in est. Urna molestie at elementum eu facilisis sed odio morbi quis. Sit amet est placerat in egestas erat imperdiet. Amet nisl purus in mollis nunc sed id. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Eu sem integer vitae justo eget. Pretium nibh ipsum consequat nisl vel pretium lectus. Enim eu turpis egestas pretium aenean. Elit eget gravida cum sociis natoque penatibus et magnis. Dui nunc mattis enim ut tellus elementum. Enim neque volutpat ac tincidunt vitae.
Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Turpis in eu mi bibendum neque egestas congue quisque. Mauris a diam maecenas sed. Faucibus pulvinar elementum integer enim neque volutpat ac tincidunt. Senectus et netus et malesuada fames ac turpis egestas. Pellentesque dignissim enim sit amet venenatis urna cursus eget nunc. A diam sollicitudin tempor id eu nisl nunc mi. Amet massa vitae tortor condimentum lacinia quis. Mauris sit amet massa vitae. Elementum eu facilisis sed odio morbi quis commodo. Diam phasellus vestibulum lorem sed. Nam aliquam sem et tortor consequat id. Ornare aenean euismod elementum nisi. Morbi leo urna molestie at elementum. Sapien nec sagittis aliquam malesuada. Placerat orci nulla pellentesque dignissim enim. Libero id faucibus nisl tincidunt eget nullam. Eget magna fermentum iaculis eu non.
<!--
data-sticky-kit-offset="100" = set a top offset in pixels
If not provided, is autocalculated if header is fixed.
-->
<div class="sticky-kit">
...
</div>