Javascript 相对于单击的元素滚动到顶部

我有一个

div

列表，当我点击其中一个时，页面会滚动，直到点击的元素位于视图顶部。 我的代码：

Js代码：

$(document).ready(function (){
    $("#click").click(function (){
        $('html, body').scrollTop( $(this).offset().top );
    });
});

---

我尝试了scrollTop->this，但它不起作用

您可以在没有javascript的情况下完成这项工作。标准HTML锚允许您将具有特定id的元素滚动到顶部。滚动元素可以是锚点本身：

<a id="this-anchor" href="#this-anchor">jump here</a>

检查此链接

试试这个

是的，每个元素的id都应该是唯一的

您可以按类进行操作，而不是按ID。 您可以为DIV“滚动”指定类名

具有“scrolling”类的元素单击事件scrolltop到其“top offset”

$(document).ready(function (){
    $(".scrolling").click(function (){
        $('html, body').scrollTop( $(this).offset().top );
    });
});

---

html中不存在“click”id。

id

必须是唯一的。没有

#click

元素。页面滚动，直到单击的元素位于视图顶部

$(document).ready(function (){
    $(".scrolling").click(function (){
        $('html, body').scrollTop( $(this).offset().top );
    });
});