javascript - jQuery 平滑滚动到页面的特定部分？

如何平滑向下滚动到页面的特定部分？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<a href="#" class="scrollToBottom"><img src="images/godown.png" alt="Down Arrow" width="116" /></a>

<script type="text/javascript">


$(document).ready(function(){

 // Scroll page to the bottom
 $('a.scrollToBottom').click(function(){

 $('html, body, .content').animate({scrollTop: $(document).height()}, 1500);

 return false;

 });
})
</script>

现在该代码的作用是，当我单击“godown.png”图像时，它会起作用，但它会转到页面底部的末尾。无论如何让它走到中间？我将如何用 #middle 或其他东西定义中间？

最佳答案

为了使它顺利添加 e.preventDefault(); 在滚动功能中

$('a.scrollToBottom').click(function(e){
     e.preventDefault();
     $('html, body, .content').animate({scrollTop: $(document).height()}, 1500);
});

关于javascript - jQuery 平滑滚动到页面的特定部分？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13434772/