20 September 2017 / Menu

Sliding content with sticky tab nav

Sticky Slider Navigation (Responsive)

STICKY SLIDER NAV.Sliding content with sticky tab nav.

Navigation bar that sticks as you scroll, animating a slider which indicates the page section you are currently looking at. Written with SCSS, Javascript, and JQuery.

View demo Download Source

Made with

Html
Css/SCSS
Javascript

Author

Ettrics

Demo

See the Pen Sticky Slider Navigation (Responsive) by Ettrics (@ettrics) on CodePen.

— Code Tea —

CSS Only Vertical Accordion Menu

CSS only vertical accordion menu.

20 January 2020

Hide header on scroll down, show on scroll up

Fixed headers are fairly common nowadays with big name brands like Facebook, Twitter, Google, LinkedIn, and others using this pattern.

27 August 2018

Four different menu animations for menu button toggle between dots

Four different menu animations for menu button toggle between dots, cross and back icon.

— Next Post —

20 September 2017

Nice responsive gallery with CSS columns

A Nice responsive gallery with CSS columns

— Prev Post —

20 September 2017

Peeek - CSS3 Loader Animation

This is the loader animation that designed by Mikael Edwards and developed by Rıza Selçuk Saydam for Peeek.