jmccole83
8/16/2018 - 2:12 PM

JavaScript | Toggle class on page scroll

Use the below snippet to toggle a class on page scroll, scroll down to add, scroll back up to remove.

Update elements, class name and height as needed.

main.js
content_copyfile_download
var $document = $(document),
$element = $('header.banner'),
className = 'fixed-header';

$document.scroll(function() {
  $element.toggleClass(className, $document.scrollTop() >= 90);
});