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

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

您只需更改css top

即可

Answer 2

您可以使用scrollTop（）;

e.g。

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

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

});

希望有所帮助：）

jquery做一个div滚动？

2 个答案: