Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<div id="fullpage">
    <div class="section" id="section0" data-anchor="thisSection0">
        <h1>Section0</h1>
    </div>
    <div class="section" id="section1" data-anchor="thisSection1">
        <h1>Section1</h1>
    </div>
    <div class="section" id="section2" data-anchor="thisSection2">
        <h1>Section2</h1>
    </div>
</div>
</body>
</html>
 
#fullpage {
background-image: url('images/bg1.jpg');
  background-attachment: fixed;
  background-size:contain;
}
 
$(document).ready(function(){
     $("#fullpage").fullpage({
         anchors: ['thisSection0', 'thisSection1', 'thisSection2'],
         responsive: 900,
         navigation: true,
         navigationPosition: 'right',
         navigationTooltips: ['Section 0', 'Section 1', 'Section 2']
     });
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers