wake-up-neo.net

scrollTop jquery, scrollen zu div mit id?

Das ist also der aktuelle Code, den ich habe

$(document).ready(function() {
    $('.abouta').click(function(){
        $('html, body').animate({scrollTop:308}, 'slow');
        return false;
    });
    $('.portfolioa').click(function(){
        $('html, body').animate({scrollTop:708}, 'slow');
        return false;
    });
    $('.contacta').click(function(){
        $('html, body').animate({scrollTop:1108}, 'slow');
        return false;
    });
});

Wenn Sie auf einen Link klicken, z. 'abouta' scrollt zu diesem bestimmten Abschnitt der Seite. Ich mache lieber ein scrollTo und dann die id eines div, damit ich die scrollTo-Position nicht ständig ändern muss, wenn ich die Polsterung usw. ändere

31
Jake

anstatt 

$('html, body').animate({scrollTop:xxx}, 'slow');

benutzen

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

dadurch wird die absolute oberste Position des ausgewählten Elements als #div_id zurückgegeben.

99
jondavidjohn

versuche dies:

$('html, body').animate({scrollTop:$('#xxx').position().top}, 'slow');
$('#xxx').focus();

Meine Lösung war folgende:

document.getElementById("agent_details").scrollIntoView();