$ban = $('.banner-container') var ref = 100; var scroll, zoom; $(window).scroll(function (event) { scroll = $(window).scrollTop() zoom = 100 + scroll/30 $ban.css('background-size', zoom + '%'); if($(document).scrollTop()>200) { $("h1").removeClass("off").addClass("movie"); } else { $("h1").removeClass("movie").addClass("off"); } });