--- title: "Timeline Scrolling Navigation Bar" url: https://cooltimeline.com/elementor-widget/timeline-scrolling-nav-bar/ date: 2025-11-07 modified: 2026-02-26 lang: en author: "cpsatinder" description: "Timeline Scrolling Navigation Bar Cool Scrolling Navigation Bar For Your Timeline Add a scrolling navigation bar to your timeline for smooth section jumping and better user experience in both vertical..." image: https://cooltimeline.com/wp-content/uploads/2025/12/scrolling_navigation_timeline.jpg word_count: 600 --- # Timeline Scrolling Navigation Bar **Timeline Scrolling Navigation Bar** # Cool Scrolling Navigation Bar For Your Timeline Add a scrolling navigation bar to your timeline for smooth section jumping and better user experience in both vertical and [horizontal timeline](https://cooltimeline.com/doc/horizontal-timeline-story/) layouts. Style 1 Style 2 Style 3 Position left Position right ![](https://cooltimeline.com/wp-content/uploads/2025/10/icon-timeline-widget-elementor-150x150.png) ### Timeline Widget Pro [ Scrolling ](/elementor-widget/timeline-scrolling-nav-bar/) [ Multi color ](/elementor-widget/multi-color-timeline/) [ Animation ](/elementor-widget/timeline-animation-effects/) [ Adjust Media ](/elementor-widget/timeline-media-position/) [ Highlighted Label ](/elementor-widget/timeline-highlighted-labels/) [ Buy plugin ](/plugin/elementor-timeline-widget-pro/#pricing) #### Navigation Bar:- Style 1 ##### Project Management Steps Step 1 SpecificationWe start projects by meeting with you, talking through what you want and discussing your time scales. Step 2 Project PlanningWe use agile project management tools that allow us (and you) to continuously track progress . Step 3 DeploymentOur systems are built so that we can deploy new software updates to your servers effortlessly with no down time. Step 4 Automated TestingWe use an automated testing suite to regularly test your application, to minimise the chances of any bugs . #### Navigation Bar:- Style 2 ##### Steve Jobs 2008 January 15Introduces MacBook AirSteve Jobs shocked the world by pulling the thin MacBook Air from a small envelope. It was the world's thinnest laptop, changing how we think about portable computers. 2010 January 27 Unveils iPadApple introduced the iPad as a new way to enjoy the internet, photos, and videos. This magical device created a whole new category between the smartphone and the laptop. 2011 March 2Announces iPad2 LaunchSteve Jobs returned from medical leave to announce the iPad 2. The new model was thinner, lighter, and faster, featuring cameras for FaceTime video calls for the first time. 2011 October 5 Steve Jobs Passes AwayThe world mourned as Apple co-founder Steve Jobs passed away. He was a visionary leader whose brilliant ideas and passion changed technology, music, and how we communicate every day. #### Navigation Bar:- Style 3 ##### Google History 2012 24 April Google Drive Launched![](https://cooltimeline.com/wp-content/uploads/2025/11/google-16.png)Google launched Drive to give people a safe place to store files in the cloud. It allowed users to share documents and work together in real-time from any device. 2015 10 AugAnnounces Restructuring As Alphabet Inc.![](https://cooltimeline.com/wp-content/uploads/2025/11/google-17.png)Google announced a major change by creating a new parent company called Alphabet. This move helped the company organize its many different businesses, from internet search to self-driving cars. 2019 21 JanFined $57 Million For Violating GDPR![](https://cooltimeline.com/wp-content/uploads/2025/11/google-18.png)French regulators fined Google $57 million for breaking European privacy rules. The company was criticized for not being clear enough about how it used personal data to target online advertisements. 2019 2 AprilGoogle Is Finally Sunsetting Google+![](https://cooltimeline.com/wp-content/uploads/2025/11/google-19.png)Google officially shut down its social network, Google+, for personal users. The service ended due to low usage and security concerns, marking the end of Google’s challenge to Facebook. #### Navigation Bar Position - Left Step 1 SpecificationWe start projects by meeting with you, talking through what you want and discussing your time scales. Step 2 Project PlanningWe use agile project management tools that allow us (and you) to continuously track progress . Step 3 DeploymentOur systems are built so that we can deploy new software updates to your servers effortlessly with no down time. Step 4 Automated TestingWe use an automated testing suite to regularly test your application, to minimise the chances of any bugs . #### Navigation Bar Position - Right Step 1 SpecificationWe start projects by meeting with you, talking through what you want and discussing your time scales. Step 2 Project PlanningWe use agile project management tools that allow us (and you) to continuously track progress . Step 3 DeploymentOur systems are built so that we can deploy new software updates to your servers effortlessly with no down time. Step 4 Automated TestingWe use an automated testing suite to regularly test your application, to minimise the chances of any bugs .