sticky menu after scroll fixed to top using jquery
HTML Please scroll This needs to be fixed when hits top of screen CSS .fixed { position: fixed; top:0; left:0; width: 100%; } .sticky-header { width:700px; height:50px; background:orange; postion:fixed; } JSS $(window).scroll(function(){ if ($(window).scrollTop() >= 330) { $('.sticky-header').addClass('fixed'); } else { $('.sticky-header').removeClass('fixed'); } });
