Make Your Tabs Sticky on Scroll
Start scrolling this page to see how the sticky tabs navigation works.
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.
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vehicula dui sed eros ornare dictum. Duis ut condimentum justo, sit amet ornare diam. Proin gravida velit pulvinar, venenatis massa eget, condimentum odio. Phasellus quis dui vehicula, convallis massa sit amet, semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi egestas, justo ullamcorper ultricies tincidunt, neque sapien ultricies ipsum, non fringilla purus metus dignissim velit. Quisque posuere, diam iaculis hendrerit tempus, lectus magna tristique quam, et molestie nisi dui nec eros. Donec semper accumsan leo vitae congue. Sed vitae nulla in tellus varius lobortis. Nulla facilisi. Nunc rhoncus maximus dolor, nec elementum lectus tempus ac. Suspendisse in libero turpis. Aenean et velit est. Donec sapien neque, convallis non fermentum at, fringilla eu velit.
Fusce nec ultricies nulla. Quisque aliquam nisi eu lorem porttitor, non condimentum odio accumsan. In vestibulum convallis pretium. Proin pellentesque suscipit odio, at egestas est. Duis consequat gravida ex, vitae viverra felis malesuada vel. Cras vel sapien pulvinar est fermentum sollicitudin. Morbi cursus purus id velit vestibulum, in laoreet quam venenatis. Quisque augue lacus, mollis a placerat sit amet, consequat at felis. Curabitur rutrum enim molestie, luctus sapien id, ullamcorper velit. Duis vestibulum justo vel arcu varius aliquet. Aliquam nibh ipsum, ultrices quis tellus blandit, tincidunt efficitur nunc. Nulla facilisi. Donec nunc dui, hendrerit id varius ac, dictum a ligula. Vivamus magna leo, convallis in eros vel, fringilla semper ipsum. Donec ornare vel velit nec tincidunt.
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vehicula dui sed eros ornare dictum. Duis ut condimentum justo, sit amet ornare diam. Proin gravida velit pulvinar, venenatis massa eget, condimentum odio. Phasellus quis dui vehicula, convallis massa sit amet, semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi egestas, justo ullamcorper ultricies tincidunt, neque sapien ultricies ipsum, non fringilla purus metus dignissim velit. Quisque posuere, diam iaculis hendrerit tempus, lectus magna tristique quam, et molestie nisi dui nec eros. Donec semper accumsan leo vitae congue. Sed vitae nulla in tellus varius lobortis. Nulla facilisi. Nunc rhoncus maximus dolor, nec elementum lectus tempus ac. Suspendisse in libero turpis. Aenean et velit est. Donec sapien neque, convallis non fermentum at, fringilla eu velit.
Fusce nec ultricies nulla. Quisque aliquam nisi eu lorem porttitor, non condimentum odio accumsan. In vestibulum convallis pretium. Proin pellentesque suscipit odio, at egestas est. Duis consequat gravida ex, vitae viverra felis malesuada vel. Cras vel sapien pulvinar est fermentum sollicitudin. Morbi cursus purus id velit vestibulum, in laoreet quam venenatis. Quisque augue lacus, mollis a placerat sit amet, consequat at felis. Curabitur rutrum enim molestie, luctus sapien id, ullamcorper velit. Duis vestibulum justo vel arcu varius aliquet. Aliquam nibh ipsum, ultrices quis tellus blandit, tincidunt efficitur nunc. Nulla facilisi. Donec nunc dui, hendrerit id varius ac, dictum a ligula. Vivamus magna leo, convallis in eros vel, fringilla semper ipsum. Donec ornare vel velit nec tincidunt.