Javascript 如何在jQuery中设置滚动到div的动画？

我已经尝试在堆栈溢出上研究这个问题很长一段时间了，但是考虑到我不是很流利地说jquery，我似乎无法让它工作

问题是，如何从页面顶部平滑地滚动到div？我已经设法在scrollTop中实现了这一点，但未能将类似的代码应用到我的scroll to div代码中

我的公文包网站上有一系列条目，其中包含向下滚动到gallery div的链接：

$(".button7").click(function() {    
$(".g7").show()
$(window).scrollTop($(".g7").offset().top);
return false;
});

和html：

<div class="button7">
    <div class="gallery"><br>
    <a href="#" style="cursor:s-resize"><i>gallery</i> &darr;</a></div>
    </div>

<div class="g7"><br><br><br><br><br>
    <img src="Images/7.1.jpg" width="100%" style="display: block;">
    <img src="Images/break.png" width="100%" style="display: block;">
    <img src="Images/7.2.jpg" width="100%" style="display: block;">
    <img src="Images/break.png" width="100%" style="display: block;">
    <img src="Images/7.3.jpg" width="100%" style="display: block;">
    <img src="Images/break.png" width="100%" style="display: block;">
    <img src="Images/7.4.jpg" width="100%" style="display: block;">
    <img src="Images/break.png" width="100%" style="display: block;">
    <img src="Images/7.5.jpg" width="100%" style="display: block;">
    <img src="Images/break.png" width="100%" style="display: block;">
    <img src="Images/7.6.jpg" width="100%" style="display: block;">
    <img src="Images/break.png" width="100%" style="display: block;">
    <br>

    <a href="#" class="scroll" style="cursor:n-resize"><i>back to the top</i> &uarr;</a>
</div>

---

当单击.button7时，我已设法使身体移动到.g7，但每次尝试设置此动作的动画都失败。

我的项目中有类似的动作，jquery代码如下：

$('html, body').animate({ scrollTop: $('#sonuc_grid').offset().top }, 'slow');

但是，要移动到该div，您需要为其提供如下选项卡索引：

<div id="sonuc_grid" tabindex=44></div>

---

这样，浏览器将知道去哪里

我的项目中有类似的操作，jquery代码如下：

$('html, body').animate({ scrollTop: $('#sonuc_grid').offset().top }, 'slow');

但是，要移动到该div，您需要为其提供如下选项卡索引：

<div id="sonuc_grid" tabindex=44></div>

---

这样，浏览器就知道该去哪里了

它起作用了！非常感谢！！！不过我不需要给它一个标签索引。再次感谢！！我很高兴我能帮助它成功！非常感谢！！！不过我不需要给它一个标签索引。再次感谢！！我很高兴能帮上忙