Sponsored Content: Pantheon

Pantheon is the WebOps platform where marketers and developers drive results. Every day, thousands of teams create, iterate, and scale WordPress and Drupal sites, reaching billions globally. Organizations including Lyft, Clorox, and the United Nations accelerate development and publish in real-time using Pantheon’s collaborative workflows.

Subscribe to RSS Feed Send Email to Author

Beyond the relaunch: Evolve your web strategy toward regular iterations

Pantheon's Josh Koenig makes the case for a new product-oriented way to think about your web...

Nov 23, 2020 at 7:30 am ET

$.ajax({ url: '//munchkin.marketo.net/munchkin.js', dataType: 'script', cache: true, success: function() { Munchkin.init('727-ZQE-044'); } }); var parallax = (function(jq){ var $ = jq; function init() { var div = $('#img1'); var nav_div = $('#floatingnav'); function calculate_parallax_height() { var img_w = 3200; var img_h = 1040; var divwidth = div.width(); console.log('div width', divwidth); var newheight = Math.floor((divwidth * img_h) / img_w)-1; console.log('new height', newheight); return newheight; } function resize_all_parallax() { var newheight = calculate_parallax_height(); div.height(newheight + 'px'); var newtop = newheight - 88; //nav_div.top(newtop + 'px'); } $(window).on('resize', function(){ resize_all_parallax(); }); resize_all_parallax(); $(window).on('scroll', function(){ var newheight = calculate_parallax_height(); if (newheight <= $(window).scrollTop()) { // if so, add the fixed class nav_div.addClass('scrolling-nav-top'); } else { // otherwise remove it nav_div.removeClass('scrolling-nav-top'); } }); } return { init: init }; })(jQuery);