Advanced Search

Using jQuery to Create a Fixed Sidebar - HTML - page.html

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!doctype html>
  2. <html>
  3. 	<head>
  4. 		<link type="text/css" rel="stylesheet" href="css/style.css" />
  5. 		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  6. 		<script type="text/javascript" src="js/fixedSide.js"></script>
  7. 	</head>
  8. 	<body>
  9. 		<div id="wrapper">
  10. 			<div id="left">
  11. 				<div id="leftNav">
  12. 					<ul id="navUL">
  13. 						<li><a href="#one">Section 1</a>
  14. 						<li><a href="#two">Section 2</a>
  15. 						<li><a href="#three">Section 3</a>
  16. 						<li><a href="#four">Section 4</a>
  17. 					</ul>
  18. 				</div>
  19. 			</div>
  20. 			<div id="right">
  21. 				<h1 id="one">Section 1</h1>
  22. 				<div>
  23. 					Lorem ipsum dolor sit amet...
  24. 				</div>
  25. 				<h1 id="two">Section 2</h1>
  26. 				<div>
  27. 					Lorem ipsum dolor sit amet...
  28. 				</div>
  29. 				<h1 id="three">Section 3</h1>
  30. 				<div>
  31. 					Lorem ipsum dolor sit amet...
  32. 				</div>
  33. 				<h1 id="four">Section 4</h1>
  34. 				<div>
  35. 					Lorem ipsum dolor sit amet...
  36. 				</div>
  37. 			</div>
  38. 		</div>
  39. 	</body>
  40. </html>

URL: http://www.josephgiuffrida.com/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.