Friday 17 July 2015 5:01 am

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

By: Emma Haslett

The building, designed by Rogers Stirk + Harbour, has been dubbed the “Cheesegrater” because of its distinctive shape

The building stands at 224 metres high, making it the City’s tallest skyscraper

Its lifts are not for those of a weak disposition: they move at a stomach-churning 18mph

With views across the City, the top floor looks out over the Gherkin, the Walkie Talkie and the Shard

The building’s distinctive tapered shape was designed to protect views of St Paul’s Cathedral

Office space in the Leadenhall Building was more than 50 per cent let before it opened in 2014

The top floor of the building is used as an event space

Although it’s the tallest in the City, the Leadenhall Building’s 224-metre frame is dwarfed by the Shard, which stands at 309 metres

The London skyline at sunset from an upper floor

The building can be seen from all over London

/* 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();