Fixed background Scrolling Layout

Refrences: http://tympanus.net/codrops/2013/05/02/fixed-background-scrolling-layout/ http://codyhouse.co/gem/alternate-fixed-scroll-backgrounds/

by Bijoy Anupam

HTML

<div class="cd-fixed-bg" style="background-image: url('http://local.mode.com:8123/assets/img/mode/gem_pattern_a.svg'),url('http://api.xna.ningops.net/files/XV39ycbAhGHarcrwzjZeY1uWbuMbedqghXLBTyMNjxMCHBDjB9Zt2cU*Yrt4MyxlutAQk*1tpnZMJxA99EiYOA__/theeverygirl_hairmask4.jpg')">
     <h1>Container One</h1>

    <div class="cd-container">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit similique, dolor corrupti cumque qui consectetur autem laborum fuga quas ipsam doloribus sequi...</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit similique, dolor corrupti cumque qui consectetur autem laborum fuga quas ipsam doloribus sequi...</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit similique, dolor corrupti cumque qui consectetur autem laborum fuga quas ipsam doloribus sequi...</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit similique, dolor corrupti cumque qui consectetur autem laborum fuga quas ipsam doloribus sequi...</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit similique, dolor corrupti cumque qui consectetur autem laborum fuga quas ipsam doloribus sequi...</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit similique, dolor corrupti cumque qui consectetur autem laborum fuga quas ipsam doloribus sequi...</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit similique, dolor corrupti cumque qui consectetur autem laborum fuga quas ipsam doloribus sequi...</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit similique, dolor corrupti cumque qui consectetur autem laborum fuga quas ipsam doloribus sequi...</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore incidunt suscipit...

CSS

body, html {
    height: 100%;
}
h1 {
    font-size: 30px;
}
p {
    height: 300px;
    padding: 20px;
}
.cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
}