28 February 2017 / Menu

Simple Sticky menu on scroll

Sticky menu on scroll

Simple jQuery plugin to make anything stick at the top of the page when scrolled

The Sticky Anything plugin allows you to make any element on your page "sticky" as soon as it hits the top of the page when you scroll down. Although this is commonly used to keep menus at the top of your page, the plugin actually allows you to make ANY element sticky (such as a Call To Action box, a logo, etc.)

Your menu (or any element you choose) will stick at the top of the screen when you scroll down and it "hits" the top. IE7 and up.

codepen demo

See the Pen Sticky menu on scroll by Mark Senff (@senff) on CodePen.

GitHub

— 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 —

28 February 2017

CSS3 Loading animations experiments

CSS3 Loading animations Some css3 loading animations experiments. Have fun and remember to share what you learn :) BY Manoz See the Pen CSS3 Loading animations by Manoz (@Manoz) on CodePen.

— Prev Post —