/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

2 votes167 views2 answers
How to fix WordPress jQuery is not defined
Javascript jQuery
0 vote120 views1 answer
Jquery listen for click on class that was created later
Javascript jQuery
0 vote154 views1 answer
Jquery datetimepicker format
Javascript jQuery
0 vote125 views1 answer
Reuse jquery angular
Javascript jQuery
34 votes126 views2 answers
Jquery reload page
Javascript jQuery
17 votes137 views4 answers
Jquery set select value
Javascript jQuery
20 votes121 views6 answers
Jquery change image src
Javascript jQuery
34 votes137 views3 answers
Check element exist in jquery
Javascript jQuery
22 votes129 views3 answers
Page Reload detect in jquery
Javascript jQuery
2 votes125 views2 answers
Only numeric values are allow in input jquery
Javascript jQuery