jquery div scrollを作成しますか？

Question

ハッシュhrefがクリックされたときにdivを1pxだけスクロールさせるにはどうすればよいですか？

$('[href^="#"]').bind('click', function (e) { 
     setTimeout(
      function() { 
       $('#freecontent') - 1; 
      }, 500); 
    }); 

私は上記のdoesntの仕事を知っています。 #freecontentはdivで、1ピクセル下に移動しますか？

HTML：

<div id = "leftcontent">  
    <p> 
     <p class ="currproj"> 
      <a href="#24">Scunthorpe Footbridge</a> 
     </p>     
     <p class ="currproj"> 
      <a href="#27">Lorem ipsum dolor sit amet</a> 
     </p>     
    </p> 
</div> 
<div id = "freecontent"> 
    <table> 
     <tr> 
     <td> 
      <a id="24"></a> 
     </td> 
     </tr>         
     <tr> 
     <td> 
      <a id="27"></a> 
     </td> 
     </tr>         
    </table>           
</div> 

Answer 1

あなたはscrollTopスプライトを（）を使用することができます。

$('a').click(function(){ 

    $('div').scrollTop($('div').scrollTop() - 1); 

}); 

これは...トップ値をその変更をスクロールしない:)

Answer 2

$('[href^="#"]').bind('click', function (e) { 
    setTimeout(
     function() { 
      $('#freecontent').css('top', '-= 1px'); 
     }, 500); 
}); 

あなたは単にCSSを変更することができますtop