/Javascript/jQuery/Jquery onscroll sticky header

Jquery onscroll sticky header

$(window).scroll(function(){
  var sticky = $('.sticky'),
      scroll = $(window).scrollTop();

  if (scroll >= 100) sticky.addClass('fixed');
  else sticky.removeClass('fixed');
});

Source: stackoverflow.com

Similar codes

6 votes154 views4 answers
Jquery scroll to element in scrollable div
Javascript jQuery
1 vote157 views2 answers
Jquery show hide based on data attribute
Javascript jQuery
1 vote178 views2 answers
Jquery scroll width
Javascript jQuery
0 vote109 views1 answer
Jquery html submit form to new tab
Javascript jQuery
2 votes163 views2 answers
Append before parent jquery
Javascript jQuery
9 votes150 views2 answers
Jquery find div with data attribute value
Javascript jQuery
13 votes160 views6 answers
Scroll to top jquery
Javascript jQuery
7 votes145 views4 answers
Value change event jquery
Javascript jQuery
-1 vote163 views2 answers
How to avoid duplicate values in dropdownlist using jquery
Javascript jQuery
2 votes144 views1 answer
Class loop jquery
Javascript jQuery