Scrollen Sie nach oben relativ zum angeklickten Element

Question

Ich habe eine Liste von div und möchte, dass wenn ich auf einen von ihnen klicke, die Seite scrollt, bis das angeklickte Element oben in der Ansicht ist. Mein Code: http://jsfiddle.net/rcxnogmx/

Js Code:

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

ich scrollTop versucht habe -> das, aber es funktioniert nicht

Answer 1

die Sie interessieren ..

Ja, id sollte für jedes Element eindeutig sein.

Anstatt nach ID, können Sie es nach Klasse tun. Sie können dem DIV "Scrolling" den Klassennamen geben.

Element, das "Scrollen" Klasse Click-Ereignis scrollTop seine hat Offset oben

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

Demo

Answer 2

du ohne Javascript tun könnte. Mit Standard-HTML-Ankern können Sie ein Element mit einer bestimmten ID nach oben scrollen. Das gescrollt Element kann der Anker selbst:

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

Answer 3

prüfen Link

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

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

Answer 4

Die 'klicken' id nicht in Ihrem HTML existiert.