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


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



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

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.