Moving the scrolling bar down by some pixels without using any plugin

Moving the scrolling bar down by some pixels without using any plugin

I am having trouble understanding how scrolling bars are manipulated in jquery.I have this table for instance http://jsfiddle.net/thiswolf/FnjvS/1/ and i would like to know how i would move the scrolling bar in the example down by some pixels say,100 pixels.

This is my html

  1. <div id="sc" class="container">
  2. <div class="tableholder">
  3. <table id="table" border="1">
  4. <thead>
  5. <tr>
  6. <th>id</th>
  7. <th>firstname</th>
  8. <th>lastname</th>
  9. <th>country</th>
  10. <th>city</th>
  11. <th>town</th>
  12. <th>gender</th>
  13. </tr>
  14. </thead>
  15. <tr>
  16. <td>1</td>
  17. <td>ed</td>
  18. <td>logan</td>
  19. <td>england</td>
  20. <td>eng-21</td>
  21. <td>eng-32</td>
  22. <td>male</td>
  23. </tr>
  24. <tr>
  25. <td>2</td>
  26. <td>phil</td>
  27. <td>smith</td>
  28. <td>wales</td>
  29. <td>wl-212</td>
  30. <td>22</td>
  31. <td>44</td>
  32. </tr>
  33. <tr>
  34. <td>3</td>
  35. <td>mod</td>
  36. <td>vklin</td>
  37. <td>czech rep.</td>
  38. <td>cz-89</td>
  39. <td>222</td>
  40. <td>111</td>
  41. </tr>
  42. <tr>
  43. <td>4</td>
  44. <td>mercy</td>
  45. <td>saunders</td>
  46. <td>scotland</td>
  47. <td>s87-908</td>
  48. <td>343</td>
  49. <td>123</td>
  50. </tr>
  51. <tr>
  52. <td>5</td>
  53. <td>ned</td>
  54. <td>haas</td>
  55. <td>holland</td>
  56. <td>hl-N12</td>
  57. <td>8ud</td>
  58. <td>43k</td>
  59. </tr>
  60. <tr>
  61. <td>6</td>
  62. <td>sed</td>
  63. <td>oakley</td>
  64. <td>ireland</td>
  65. <td>ir-H12</td>
  66. <td>9op</td>
  67. <td>ih2</td>
  68. </tr>
  69. <tr>
  70. <td>7</td>
  71. <td>guy</td>
  72. <td>louis</td>
  73. <td>france</td>
  74. <td>fr-x82</td>
  75. <td>4bg</td>
  76. <td>456g</td>
  77. </tr>
  78. <tr>
  79. <td>8</td>
  80. <td>mat</td>
  81. <td>bicker</td>
  82. <td>usa</td>
  83. <td>us-ca</td>
  84. <td>739</td>
  85. <td>uhs</td>
  86. </tr>
  87. <tr>
  88. <td>9</td>
  89. <td>phil</td>
  90. <td>smith</td>
  91. <td>wales</td>
  92. <td>wl-212</td>
  93. <td>22</td>
  94. <td>44</td>
  95. </tr>
  96. <tr>
  97. <td>10</td>
  98. <td>oki</td>
  99. <td>okimoto</td>
  100. <td>japan</td>
  101. <td>jp-872</td>
  102. <td>vH2</td>
  103. <td>0Pjj</td>
  104. </tr>
  105. <tr>
  106. <td>11</td>
  107. <td>tim</td>
  108. <td>barnes</td>
  109. <td>canada</td>
  110. <td>ca-ca2</td>
  111. <td>782j</td>
  112. <td>juhd8</td>
  113. </tr>
  114. <tr>
  115. <td>12</td>
  116. <td>doug</td>
  117. <td>brooks</td>
  118. <td>australia</td>
  119. <td>au-dw-2</td>
  120. <td>6t267</td>
  121. <td>3882q</td>
  122. </tr>
  123. </table>
  124. </div>
  125. <section class="forms">
  126. <form>
  127. <span>id</span><input type="text" value="" />
  128. <span>firstname</span><input type="text" value="" />
  129. <span>lastname</span><input type="text" value="" />
  130. <span>country</span><input type="text" value="" />
  131. <span>city</span><input type="text" value="" />
  132. <span>town</span><input type="text" value="" />
  133. <span>gender</span><input type="text" value="" />
  134. </form>
  135. </section>
  136. <div class="nav">
  137. </div>
  138. </div>