--- title: "On Scroll Line Filling" url: https://cooltimeline.com/demo/scroll-line-filling-timeline/ date: 2025-11-11 modified: 2026-09-25 lang: en author: "cpsatinder" description: "On Scroll Line Filling Mid-line Filling on Timeline Scrolling Add smooth mid-line filling effects during scrolling with flexible timeline settings for better visual engagement. Cool Timeline Pro ASC/DESC Navigation Animation..." image: https://cooltimeline.com/wp-content/uploads/2025/12/on_scroll_line_filling.jpg word_count: 187 --- # On Scroll Line Filling **On Scroll Line Filling** # Mid-line Filling on Timeline Scrolling Add smooth mid-line filling effects during scrolling with flexible [timeline settings](https://cooltimeline.com/doc/timeline-settings-cool-timeline/) for better visual engagement. ![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png) ### Cool Timeline Pro [ ASC/DESC ](/demo/order-asc-desc-timeline/) [ Navigation ](/demo/scrolling-navigation-timeline/) [ Animation ](/demo/animation-effects-timeline/) [ Load More ](/demo/ajax-load-more-or-pagination/) [ Category ](/demo/category-filters-timeline/) [ Buy Plugin ](/plugin/cool-timeline-pro/#pricing) Horizontal One Sided Vertical #### With Horizontal Timeline- (Modern Design) 05 Jul, 1994 27 Apr, 1998 27 May, 1999 01 Aug, 2007 07 Sep, 2007 [Amazon Founded](https://cooltimeline.com/timeline/amazon-founded/)[![Amazon Founded](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-1.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-1.png)Amazon, founded by Jeff Bezos in July 1994, started as an online bookstore. It quickly expanded into a… [Read More](https://cooltimeline.com/timeline/amazon-founded/) [Acquires IMDB](https://cooltimeline.com/timeline/acquires-imdb/)[![Acquires IMDB](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-2.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-2.png)In 1998, Amazon acquired IMDb, the Internet Movie Database, enhancing its media resources. IMDb provides a wide range… [Read More](https://cooltimeline.com/timeline/acquires-imdb/) [Acquires Alexa](https://cooltimeline.com/timeline/acquires-alexa/)[![Acquires Alexa](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-3.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-3.png)Amazon acquired the smart assistant Alexa, integrating advanced voice recognition technology into its network. Alexa powers devices like… [Read More](https://cooltimeline.com/timeline/acquires-alexa/) [Amazon Announced Amazon Fresh Pickup](https://cooltimeline.com/timeline/amazon-announced-amazon-fresh-pickup/)[![Amazon Announced Amazon Fresh Pickup](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-8.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-8.png)In August 2007, Amazon announced Amazon Fresh Pickup, a service allowing customers to order groceries online and pick… [Read More](https://cooltimeline.com/timeline/amazon-announced-amazon-fresh-pickup/) [Amazon Prime Services](https://cooltimeline.com/timeline/amazon-prime-services/)[![Amazon Prime Services](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-5.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-5.png)Amazon Prime offers members benefits like two-day free shipping, access to streaming services (Prime Video and Music), exclusive… [Read More](https://cooltimeline.com/timeline/amazon-prime-services/) ** ** **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="horizontal" category="amazon-history" skin="light" designs="design-6" show-posts="5" order="ASC" items="1" icons="icon" story-content="full" date-format="d M, Y" based="default" autoplay="false" autoplay-speed="3000" start-on="0" line-filling="true" story-content="short" content-length="15"]] ` #### With One Side Timeline- (Modern Design) 2019April 02 [Google Is Finally Sunsetting Google+](https://cooltimeline.com/timeline/google-is-finally-sunsetting-google/)[![Google Is Finally Sunsetting Google+](https://cooltimeline.com/wp-content/uploads/2021/08/google-19.png)](https://cooltimeline.com/wp-content/uploads/2021/08/google-19.png)Google is sunsetting Google+ due to consistently low user engagement.… [Read More](https://cooltimeline.com/timeline/google-is-finally-sunsetting-google/) January 21 [Fined $57 Million For Violating GDPR](https://cooltimeline.com/timeline/fined-57-million-for-violating-gdpr/)[![Fined $57 Million For Violating GDPR](https://cooltimeline.com/wp-content/uploads/2021/08/google-18.png)](https://cooltimeline.com/wp-content/uploads/2021/08/google-18.png)In January 2019, Google was fined $57 million for violating… [Read More](https://cooltimeline.com/timeline/fined-57-million-for-violating-gdpr/) 2015August 10 [Announces Restructuring As Alphabet Inc.](https://cooltimeline.com/timeline/announces-restructuring-as-alphabet-inc/)[![Announces Restructuring As Alphabet Inc.](https://cooltimeline.com/wp-content/uploads/2021/08/google-17.png)](https://cooltimeline.com/wp-content/uploads/2021/08/google-17.png)In August 2015, Google announced its restructuring into Alphabet Inc.,… [Read More](https://cooltimeline.com/timeline/announces-restructuring-as-alphabet-inc/) 2012April 24 [Google Drive Launched](https://cooltimeline.com/timeline/google-drive-launched/)[![Google Drive Launched](https://cooltimeline.com/wp-content/uploads/2021/08/google-16.png)](https://cooltimeline.com/wp-content/uploads/2021/08/google-16.png)In April 2012, Google launched Google Drive, a cloud storage… [Read More](https://cooltimeline.com/timeline/google-drive-launched/) Page 1 of 5 1 [2](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/2/) … [5](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/5/) [**](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/2/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="one-side" designs="design-6" skin="light" category="google-history" show-posts="4" order="DESC" icons="icon" animations="fade-up" date-format="F d" story-content="full" line-filling="true" story-content="short" content-length="10"]] ` #### With Vertical Timeline- (Modern Design) 1302 BC - 1213 BCRamses ii (Ramesses the Great) [Birth of Ramses ii](https://cooltimeline.com/timeline/birth-ramses-ii/)[![Birth of Ramses ii](https://cooltimeline.com/wp-content/uploads/2021/08/bc-1.jpg)](https://cooltimeline.com/wp-content/uploads/2021/08/bc-1.jpg)Ramesses II was the third Egyptian pharaoh of the Nineteenth Dynasty. He lived from the 1300s BC to 1213 BC… [Read More](https://cooltimeline.com/timeline/birth-ramses-ii/) 55 BC Invasion of Britain [Invasion of Britain 55 BC](https://cooltimeline.com/timeline/invasion-britain-55-bc/) **![](https://img.youtube.com/vi/o1NdZ87eUWc/hqdefault.jpg) In late August of 55 BC, with the VII and X legions approximating 10,000 men, Caesar set sail from Portus… [Read More](https://cooltimeline.com/timeline/invasion-britain-55-bc/) 793 ADThe Vikings first invaded Britain [When did the Vikings invade Britain?](https://cooltimeline.com/timeline/vikings-invade-britain/)[![When did the Vikings invade Britain?](https://cooltimeline.com/wp-content/uploads/2021/08/bc-3.jpg)](https://cooltimeline.com/wp-content/uploads/2021/08/bc-3.jpg)The Vikings first invaded Britain in AD 793 and last invaded in 1066 when William the Conqueror became King of… [Read More](https://cooltimeline.com/timeline/vikings-invade-britain/) 1492A New World is Revealed [Christopher Columbus Discovers America](https://cooltimeline.com/timeline/christopher-columbus-discovers-america/)[![Christopher Columbus Discovers America](https://cooltimeline.com/wp-content/uploads/2021/08/bc-4.jpg)](https://cooltimeline.com/wp-content/uploads/2021/08/bc-4.jpg)Americans get a day off work on October 10 to celebrate Columbus Day. It’s an annual holiday that commemorates the… [Read More](https://cooltimeline.com/timeline/christopher-columbus-discovers-america/) Page 1 of 3 1 [2](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/2/) [3](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/3/) [**](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/2/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-6" skin="default" category="bc-ad-timeline" based="custom" story-content="short" show-posts="4" animations="fade-up" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="default" pagination-style="style-4" filters="no" line-filling="false" read-more="show" content-length="20" show-title="show" equal-height="false"]] `