Sticky Tabs Navigation

Make Your Tabs Sticky on Scroll

Start scrolling this page to see how the sticky tabs navigation works.

First Tab

Elegant Tabs for WPBakery Page Builder

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Globally deploy orthogonal e-commerce and mission-critical services. Continually streamline proactive functionalities via scalable catalysts for change. Credibly conceptualize standardized leadership after flexible action items.

Dynamically restore focused catalysts for change via economically sound initiatives. Progressively evolve scalable technologies before ubiquitous communities.

Second Tab

Add any content elements here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.

Like us on Facebook

Follow us on Twitter

Follow us on Google+

Follow us on Instagram

Third Tab

Fusce placerat nec turpis quis pharetra. Mauris in ipsum porta, malesuada nisl a, interdum leo. Cras ullamcorper, mi eu faucibus auctor, lorem orci gravida neque, ullamcorper faucibus mi mauris a ipsum. Cum sociis natoque penatibus et magnis dis parturient montes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.

Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Lorem ipsum dolor sit amet.

Fourth Tab

975

Days of development

185K

Lines of code written

120

Things happened

27K

Hours spent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.

Start scrolling this page to see how the sticky tabs navigation works. When you scroll down and the position set to start the sticky navigation is reached, the tabs will remain sticky until the tab content area is displayed. This feature is useful when you have tabs with longer content than the screen height, and you need to scroll up to switch the tabs.

The Sticky Tabs Navigation does not work with the vertical tabs and on the mobile devices due to the technical limitations. You can set the custom position from where the sticky navigation should start to support your theme’s sticky header.