The stick on scroll type:

These types are just an extension of the previous type that sticks while scrolling. While this might look like a very simple extension to the previous type, it is not (at least for a beginner). The same can be achieved by using just CSS or just JS or combining both CSS and JS.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo doloribus iste facere soluta corporis deleniti quisquam, id aut harum esse facilis voluptates quia ullam reiciendis possimus enim beatae necessitatibus delectus ipsam velit unde saepe. Optio provident unde quos incidunt, est blanditiis repellendus tenetur! Deleniti voluptates natus praesentium recusandae exercitationem explicabo commodi dolorem itaque dignissimos quae. Quis placeat officiis temporibus consequuntur nisi odio sequi accusamus tempore recusandae, vel ipsum in explicabo minima. Omnis quaerat adipisci dignissimos temporibus? Quis adipisci nobis possimus sint. Aperiam ducimus sapiente id, dolore earum facere ea veniam porro dolorem animi tempora omnis rerum nostrum eius officiis et corrupti laudantium voluptates. Consequuntur id, iure vel mollitia nesciunt nam quam veniam eaque atque ipsam eligendi aliquid aspernatur deleniti adipisci magnam at? Quisquam nesciunt suscipit architecto non deserunt. Facilis corrupti, nihil molestiae itaque voluptatem ea hic blanditiis. Sit omnis harum deserunt qui deleniti earum corrupti fugit non nobis illo vitae atque, blanditiis officiis nostrum, tenetur magni cupiditate, repudiandae aperiam quidem eaque quasi sapiente. Sit ab porro magni a. Eaque fugit quam repellat accusamus sunt, quaerat temporibus omnis sequi iste deleniti nostrum aliquid officia totam debitis quibusdam. Atque alias, possimus iure ad, odio facilis officiis molestiae sint sapiente ex quod sequi ab nobis sed obcaecati aut officia vitae consequuntur laboriosam molestias dolore et itaque, reprehenderit nulla. Labore ullam beatae aperiam perferendis dolorem unde harum quo, obcaecati sapiente eveniet sunt ea! Hic expedita, nesciunt quisquam dolorem necessitatibus quos voluptatibus culpa iusto mollitia provident quaerat maxime animi? Aut sed reiciendis eum non accusantium commodi rem minus libero minima ipsum! Numquam porro consectetur facilis vitae quam suscipit qui, libero vel aperiam, magni blanditiis vero, cupiditate commodi esse rem exercitationem ipsa quidem perspiciatis repellat. Ipsa nihil amet nemo quia earum, recusandae odit quibusdam, perferendis ab omnis reprehenderit itaque provident inventore quo! Omnis laudantium, animi magnam quibusdam autem unde ullam illo cum qui, hic, aliquam molestiae sapiente accusamus ex ipsum optio repellat possimus fugiat dicta dignissimos eum dolor? Assumenda voluptas aperiam molestias minima, esse a ea provident nulla quaerat tenetur incidunt id tempora dolorem ducimus aliquam maiores eaque doloremque doloribus. Hic ea aut placeat nulla ipsam consectetur veritatis minima voluptatem atque maxime! Aspernatur, tenetur? Similique veniam totam alias quis nulla. Repellendus perferendis quas nobis facilis, nihil a sed repudiandae libero dolores tempora pariatur nisi, et dicta illo, id necessitatibus eaque ad neque cum! Perspiciatis ad adipisci incidunt animi dolore. Deleniti eligendi tempora veniam quisquam sit repellat nam rem quo praesentium? Debitis adipisci facere omnis, delectus nulla perferendis molestiae deleniti esse dicta cumque corporis et non tempora atque corrupti necessitatibus doloribus distinctio rem quas hic vero! Inventore sint iste laboriosam adipisci aliquam possimus illo. Consectetur debitis impedit temporibus laudantium enim earum. Reprehenderit animi ab quisquam sequi maiores dolore ratione deleniti enim hic tempora repellendus nisi dolorem soluta, quod nesciunt doloribus fugit atque nemo ea possimus! Minus, suscipit aperiam vero doloribus error quis. Voluptatibus accusamus delectus unde culpa.