xxxxxxxxxx
<html>
<head>
<title>Scrolling Sections</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<link rel="stylesheet" href="line.css" />
<style>
.container {
width: 890px;
}
#graphic {
padding-top: 60px;
}
#sections {
position: relative;
display: inline-block;
width: 250px;
top: 0px;
z-index: 90;
padding-bottom: 250px;
}
.step {
margin-bottom: 200px;
font-family: "TiemposTextWeb-Regular","Georgia";
font-size: 16px;
line-height: 23px;
color: #767678;
}
#sections .title {
font-family: Arial,Helvetica,"san-serif";
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
color: #262626;
line-height: 1.2em;
}
#extra-space {
height: 300px;
}
#vis {
display: inline-block;
position: fixed;
top: 60px;
z-index: 1;
margin-left: 0;
font-size: 10px;
}
</style>
</head>
<body>
<div class="container">
<div id='graphic'>
<div id='sections'>
<section class="step">
<!-- case 0 -->
<div class="title">Child Deaths</div>
Under 5 mortality rates across the world.
</section>
<section class="step">
<!-- case 1 -->
<div class="title">In 2015</div>
According to UNICEF, an estimated 5.9 million children under five years old will die. This means that every minute, 11 children will die.
</section>
<section class="step">
<!-- case 2 -->
<div class="title">Europe and Central Asia</div>
Infant mortality rate in this zones is quite small.
</section>
<section class="step">
<!-- case 3 -->
<div class="title">The 'stans' case</div>
But a group of countries have some alarming rates, like Tajikistan.
</section>
<!-- case 4 -->
<section class="step">
<div class="title">The 'stans' case</div>
Or Turkmenistan.
</section>
</section>
<section class="step">
<!-- case 4-->
<div class="title">Africa</div>
But let's compare it with the Sub-Saharan Africa. Here it's the big challenge. Africa has an infant mortality rate that is 15 times the
average for developed regions, although it has decreased during the last years.
</section>
<section class="step">
<!-- case 6-->
<div class="title">Angola</div>
And among them, Angola has the saddest record.
</section>
<!-- case 7-->
<section class="step">
<div class="title">Angola</div>
The hightest infant mortality rate in the world.
</section>
</div>
<div id='vis'>
</div>
<div id="extra-space">
</div>
</div>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://d3js.org/queue.v1.min.js"></script>
<script src="mfreeman_scroller.js"></script>
<script src="line_chart.js"></script>
<script src="scroller_settings.js"></script>
</body>
</html>
Modified http://d3js.org/queue.v1.min.js to a secure url
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js
https://code.jquery.com/jquery-1.9.1.min.js
https://d3js.org/queue.v1.min.js