What’s in the Cheesegrater? From Aon to Amlin, here’s a storey-by-storey breakdown of every business in the Leadenhall Building










/* Setup variables */ var $fadeIn = $(".fadeIn"), $fadeIn2 = $(".fadeIn2"), $fadeIn3 = $(".fadeIn3"), $fadeIn4 = $(".fadeIn4");
/* Create a timeline */ tl = new TimelineMax();
// Controller var controller = new ScrollMagic();
var tlFadeIn = new TimelineMax(); tlFadeIn.to($fadeIn, 0.3, {xPercent: 20, opacity:1}) .to($fadeIn, 0.3, {xPercent: 0})
var tlFadeIn2 = new TimelineMax(); tlFadeIn2.to($fadeIn2, 0.3, {xPercent: 20, opacity:1}) .to($fadeIn2, 0.3, {xPercent: 0})
var tlFadeIn3 = new TimelineMax(); tlFadeIn3.to($fadeIn3, 0.3, {xPercent: 20, opacity:1}) .to($fadeIn3, 0.3, {xPercent: 0})
var tlFadeIn4 = new TimelineMax(); tlFadeIn3.to($fadeIn4, 0.3, {xPercent: 20, opacity:1}) .to($fadeIn4, 0.3, {xPercent: 0})
// 2. Curtain Scene var block1 = new ScrollScene({triggerElement: "#block1"}) .addTo(controller) .setTween(tlFadeIn);
var block2= new ScrollScene({triggerElement: "#block2"}) .addTo(controller) .setTween(tlFadeIn2);
var block3= new ScrollScene({triggerElement: "#block3"}) .addTo(controller) .setTween(tlFadeIn3);
var block4= new ScrollScene({triggerElement: "#block4"}) .addTo(controller) .setTween(tlFadeIn4);
var cloud1 = document.getElementsByClassName("cloud1"); TweenMax.to(cloud1, 120, {x: 900, opacity:1, repeat:9999});
var cloud2 = document.getElementsByClassName("cloud2"); TweenMax.to(cloud2, 170, {x: -900, opacity:1, repeat:9999});
var cloud3 = document.getElementsByClassName("cloud3"); TweenMax.to(cloud3, 200, {x: -800, opacity:1, repeat:9999}); } });
jQuery('.litebox').liteBox();