var header = $(".header"); var scrollChange = 1; $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= scrollChange) { header.addClass('bg-red'); } else { header.removeClass("bg-red"); } });
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter