html,body{
height: 100%;
}
body{
background: #06C url(../images/test-bg.jpg) no-repeat ;
background-size: cover;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: 'helvetica Neue',sans-serif;
position: relative;
background-attachment: fixed;
}
#title{
position: absolute;
bottom: 20%;
left: 8%;
position: fixed;
}
#title h1{
font-size: 56px;
text-transform: uppercase;
}
#title ul{
margin: 0;
padding: 0;
list-style: none;
}
#title li{
display: inline-block;
}
#title li a{
color: #FFFFFF;
}
#scroll{
position: absolute;
left: 65%;
width: 400px;
padding: 0 30px;
background: rgba(255,255,255,.15);
overflow: auto;
height: 100%;
}
#scroll .article{
width: 400px;
}
#scroll .article h1{
font-weight: normal;
}
#scroll .article img{
margin-top: 30px;
}
The Scroll Effect
pic1pic2pic3pic4
Duis volutpat
das l;lasd ljl dlasj la ljl dasdl k
Fusce interdum
das l;lasd ljl dlasj la ljl dasdl k
Duis volutpat
das l;lasd ljl dlasj la ljl dasdl k
Fusce interdum
das l;lasd ljl dlasj la ljl dasdl k
