【サンプルデモ】スクロールしても要素が固定するCSSだけでスティッキー要素

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis molestie nulla quis rhoncus. Integer venenatis lectus dolor, quis semper tortor maximus in. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas quam ipsum, tempor sit amet tellus maximus, sollicitudin sagittis lacus. Nunc et libero erat. Nullam laoreet, nunc a sodales finibus, erat tellus hendrerit erat, sit amet eleifend leo nisi maximus sapien. Donec porta mauris in gravida tincidunt. Praesent venenatis leo eu varius blandit. Fusce a bibendum dui. Nunc et felis in lorem pulvinar gravida. Integer pulvinar ante non orci ultrices egestas.

Integer metus magna, dignissim et dolor eu, convallis sodales dui. Donec nisl augue, sagittis nec risus vel, pulvinar fermentum arcu. Praesent sit amet imperdiet quam. Sed condimentum sed justo sit amet sodales. Integer iaculis tellus purus, ac accumsan magna sollicitudin nec. Proin gravida enim ut dolor semper, sed blandit mauris vestibulum. Nam vehicula vel ex in consectetur. Nulla porttitor enim eu ipsum accumsan, vel varius dui finibus. Cras vitae ligula et ipsum molestie malesuada. Suspendisse et feugiat ante, ultrices ornare purus. Nunc id turpis non risus rutrum elementum ut vitae ipsum. Praesent quis nisi consectetur, cursus tellus quis, semper orci. Nullam nisl ipsum, maximus eget mollis vitae, euismod nec justo.

Mauris dignissim viverra nulla id suscipit. Vivamus tristique finibus condimentum. Maecenas non porttitor tortor. Aliquam fringilla purus a nibh sagittis, sed laoreet dolor lacinia. Aenean vel mi quam. Fusce imperdiet purus id consequat sodales. Donec faucibus vel eros egestas bibendum. Proin a metus venenatis libero placerat lacinia non nec ipsum. Phasellus ornare urna aliquet est condimentum placerat. Praesent vitae aliquet eros.

Sed ac purus in lacus semper suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque varius luctus sapien, a pellentesque dolor fermentum id. Fusce ac risus at est ullamcorper laoreet. Praesent sodales congue nunc. Duis vehicula, sapien pulvinar pretium fringilla, tellus lacus tristique mi, eu aliquam turpis ligula nec ligula. Fusce quis condimentum odio. Ut varius posuere dolor, egestas venenatis lacus sagittis ut. Morbi gravida justo vitae tortor pretium molestie. Aenean posuere, dolor sit amet convallis posuere, mi quam malesuada nisi, et convallis enim est et nunc. Etiam ac rutrum massa, in interdum libero. Maecenas sed libero non tellus sollicitudin tempor. Aenean vulputate, ante in rhoncus volutpat, est ante tempor quam, sit amet cursus magna est in urna. Etiam laoreet imperdiet est, tincidunt pellentesque massa laoreet et. Sed sit amet purus in justo interdum fermentum sed et orci. Vestibulum convallis risus sapien, in vehicula dolor blandit sit amet.

Nulla facilisis ac nulla vel interdum. In hac habitasse platea dictumst. Integer id tristique lacus, sit amet viverra leo. Nam semper ullamcorper aliquet. Nullam non pretium ante, non dignissim nisl. Vestibulum at leo lacus. Phasellus urna massa, maximus ullamcorper porta elementum, tempus eu lacus. Phasellus finibus, tortor sed euismod cursus, nisl urna scelerisque enim, vitae commodo turpis magna eget ante. Suspendisse potenti. Maecenas id dui sapien. Aliquam bibendum eu magna sit amet egestas. Mauris ut quam et purus fringilla lobortis.