Skip to content

Instantly share code, notes, and snippets.

@hax hax/dabblet.css
Last active Aug 29, 2015

Embed
What would you like to do?
Untitled
header {
color: white;
background: navy;
height: 60px;
position: fixed;
left: 0;
right: 0;
top: 0;
}
article {
position: fixed;
top: 60px;
bottom: 0;
left: 0; right: 0;
overflow: scroll;
}
/*section {
padding-top: 60px;
margin-top: -60px;
}*/
<!-- content to be placed inside <body>…</body> -->
<header>Banner</header>
<article id="container">
<nav>
<ul>
<li><a href="#1">1</a>
<li><a href="#2">2</a>
</ul>
</nav>
<section id="1">
<h1>1</h1>
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
</section>
<section id="2">
<h1>2</h1>
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
<p>Test
</section>
</article>
// alert('Hello world!');
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.