jquery讓div滾動？

Question

當單擊散列href時，如何讓div向下滾動1 px。

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

我知道上述不工作。 #freecontent是div，我希望它下移1px？

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