bo0ts · October 12, 2012 16:32
diff --git a/test.html b/test.html
 <html>
  <head><title>Overflow Hidden is the Thing</title>
    <style>
      #doc-content { overflow:auto; display: block; height: 300px }
    </style>
  </head>
  <body>
    <div id="top">
      I have a NavBar here
    </div>
    <div id="doc-content">
      <a href="test.html#anchor">This Goes To The Anchor</a>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis enim elit, eget malesuada eros. Curabitur faucibus dui neque, eget posuere nunc. Fusce volutpat lectus ac erat cursus tempus. In hac habitasse platea dictumst. Morbi lacinia lectus at tortor vestibulum auctor. Sed pharetra pharetra faucibus. Etiam id mauris quam. Phasellus blandit vestibulum elementum. In sit amet mi quam. Maecenas volutpat, ante et vehicula varius, orci lacus dapibus augue, at convallis urna sapien nec nisl. Nunc porttitor laoreet mattis. Vivamus imperdiet, elit a facilisis bibendum, est felis cursus turpis, sed adipiscing lorem augue egestas odio. Sed tristique gravida risus et varius.
      </p>
      <p>
        Curabitur mattis sollicitudin accumsan. Suspendisse euismod facilisis sapien ac accumsan. Donec sit amet metus sem. Nunc eleifend metus quis velit semper sit amet posuere arcu accumsan. Morbi dignissim arcu at lorem bibendum malesuada. Pellentesque condimentum tellus ac dui commodo sollicitudin. Suspendisse at orci diam, non dictum ante. Curabitur volutpat metus vitae orci convallis et egestas justo gravida. Nam porta molestie tincidunt. Nulla ultrices facilisis urna, et iaculis massa cursus et. Integer quis lobortis nulla.
      </p>
      <p>
        Morbi iaculis diam et lorem fermentum tristique. In ac orci a velit semper fermentum. Maecenas tempus massa ut arcu facilisis fermentum. Ut cursus risus mollis metus ultricies dignissim. Nullam a eros lorem. Nulla sed dolor non libero pretium consectetur eu vitae neque. Vestibulum porta auctor tellus eu interdum. Vestibulum dolor odio, porttitor varius aliquam vitae, feugiat in augue. Quisque mattis orci convallis risus dignissim ut mollis quam porta. Vivamus id lectus vitae nisi vulputate tincidunt a ut magna. Vestibulum venenatis tellus sed eros dapibus convallis.
      </p>
      <p>
        <a id="anchor">This Is The Anchor</a> 
        Vestibulum ornare sapien a nisi condimentum quis fringilla tellus tempus. Pellentesque vel arcu nec sem rhoncus ultrices nec ac sem. Praesent congue, ligula ut laoreet luctus, magna lectus posuere risus, vehicula imperdiet nisi lorem eget risus. Nunc dictum iaculis euismod. Suspendisse dignissim augue eu nisi dapibus mollis. Suspendisse vitae sem rutrum sapien interdum faucibus. Pellentesque est dolor, tincidunt in cursus sed, varius vitae massa. Suspendisse potenti. Phasellus adipiscing feugiat nunc, eget mollis mi ornare posuere. Aliquam eu mi nec nunc rutrum eleifend. Vivamus ut dolor vitae quam adipiscing malesuada.
      </p>
      <p>
        Duis sit amet lectus lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero erat, pellentesque in interdum et, porta et dolor. Sed sodales aliquet sem, eu venenatis ipsum gravida vel. Etiam sit amet augue orci, ut auctor turpis. Vestibulum nunc elit, volutpat eu dapibus et, euismod in neque. Sed pulvinar tincidunt lectus ullamcorper hendrerit. Morbi et arcu in purus porttitor volutpat vel vel nibh. Phasellus auctor venenatis auctor. Sed ullamcorper interdum lacus eu ullamcorper. Nunc in mi in mi posuere aliquet eu at velit. Nulla laoreet risus eu leo bibendum porta pellentesque eros auctor. Suspendisse vel lorem ut urna viverra ultricies. Curabitur non felis libero, ac scelerisque purus.</p>
    </div>
    <div id="footer">
      This is a footer.
    </div>
  </body>
 </html>
	<html>
	<head><title>Overflow Hidden is the Thing</title>
	<style>
	#doc-content { overflow:auto; display: block; height: 300px }
	</style>
	</head>
	<body>
	<div id="top">
	I have a NavBar here
	</div>
	<div id="doc-content">
	<a href="test.html#anchor">This Goes To The Anchor</a>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis enim elit, eget malesuada eros. Curabitur faucibus dui neque, eget posuere nunc. Fusce volutpat lectus ac erat cursus tempus. In hac habitasse platea dictumst. Morbi lacinia lectus at tortor vestibulum auctor. Sed pharetra pharetra faucibus. Etiam id mauris quam. Phasellus blandit vestibulum elementum. In sit amet mi quam. Maecenas volutpat, ante et vehicula varius, orci lacus dapibus augue, at convallis urna sapien nec nisl. Nunc porttitor laoreet mattis. Vivamus imperdiet, elit a facilisis bibendum, est felis cursus turpis, sed adipiscing lorem augue egestas odio. Sed tristique gravida risus et varius.
	</p>
	<p>
	Curabitur mattis sollicitudin accumsan. Suspendisse euismod facilisis sapien ac accumsan. Donec sit amet metus sem. Nunc eleifend metus quis velit semper sit amet posuere arcu accumsan. Morbi dignissim arcu at lorem bibendum malesuada. Pellentesque condimentum tellus ac dui commodo sollicitudin. Suspendisse at orci diam, non dictum ante. Curabitur volutpat metus vitae orci convallis et egestas justo gravida. Nam porta molestie tincidunt. Nulla ultrices facilisis urna, et iaculis massa cursus et. Integer quis lobortis nulla.
	</p>
	<p>
	Morbi iaculis diam et lorem fermentum tristique. In ac orci a velit semper fermentum. Maecenas tempus massa ut arcu facilisis fermentum. Ut cursus risus mollis metus ultricies dignissim. Nullam a eros lorem. Nulla sed dolor non libero pretium consectetur eu vitae neque. Vestibulum porta auctor tellus eu interdum. Vestibulum dolor odio, porttitor varius aliquam vitae, feugiat in augue. Quisque mattis orci convallis risus dignissim ut mollis quam porta. Vivamus id lectus vitae nisi vulputate tincidunt a ut magna. Vestibulum venenatis tellus sed eros dapibus convallis.
	</p>
	<p>
	<a id="anchor">This Is The Anchor</a>
	Vestibulum ornare sapien a nisi condimentum quis fringilla tellus tempus. Pellentesque vel arcu nec sem rhoncus ultrices nec ac sem. Praesent congue, ligula ut laoreet luctus, magna lectus posuere risus, vehicula imperdiet nisi lorem eget risus. Nunc dictum iaculis euismod. Suspendisse dignissim augue eu nisi dapibus mollis. Suspendisse vitae sem rutrum sapien interdum faucibus. Pellentesque est dolor, tincidunt in cursus sed, varius vitae massa. Suspendisse potenti. Phasellus adipiscing feugiat nunc, eget mollis mi ornare posuere. Aliquam eu mi nec nunc rutrum eleifend. Vivamus ut dolor vitae quam adipiscing malesuada.
	</p>
	<p>
	Duis sit amet lectus lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero erat, pellentesque in interdum et, porta et dolor. Sed sodales aliquet sem, eu venenatis ipsum gravida vel. Etiam sit amet augue orci, ut auctor turpis. Vestibulum nunc elit, volutpat eu dapibus et, euismod in neque. Sed pulvinar tincidunt lectus ullamcorper hendrerit. Morbi et arcu in purus porttitor volutpat vel vel nibh. Phasellus auctor venenatis auctor. Sed ullamcorper interdum lacus eu ullamcorper. Nunc in mi in mi posuere aliquet eu at velit. Nulla laoreet risus eu leo bibendum porta pellentesque eros auctor. Suspendisse vel lorem ut urna viverra ultricies. Curabitur non felis libero, ac scelerisque purus.</p>
	</div>
	<div id="footer">
	This is a footer.
	</div>
	</body>
	</html>