滚动到相对于点击元素

Question

我有一个div的列表，我想这样，当我点击其中一个时，页面会滚动，直到点击的元素位于视图的顶部。 我的代码：http://jsfiddle.net/rcxnogmx/

Js代码：

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

我尝试过scrollTop - ＆gt;这个，但它不起作用

Answer 1

试试这个..

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

您可以按类进行，而不是使用ID。 你可以给DIV“滚动”类名。

具有“滚动”类单击事件scrolltop到其“顶部偏移量”

的元素

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

Demo

Answer 2

您可以在没有javascript的情况下执行此操作。标准HTML锚点允许您将具有特定ID的元素滚动到顶部。滚动元素可以是锚本身：

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

Answer 3

检查此链接

http://jsfiddle.net/rcxnogmx/2/

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

Answer 4

html中不存在“点击”ID。