Blättern Sie zu bestimmten div laden der Seite

Ich versuche, herauszufinden, wie die Seite automatisches scrollen zu einer bestimmten div-Element, wenn die Seite geladen hat. Ich habe versucht, mit Hilfe der jQuery-scroll-Funktion, aber cant get es, um korrekt zu arbeiten.
Irgendwelche Vorschläge?

Folgende ist, was ich bisher versucht habe:

jQuery(function() {
jQuery(window).scrollTop(jQuery('.container').offset().top);
});

InformationsquelleAutor simon | 2013-08-07

  1. 34

    Können Sie dies tun, indem Sie die .animieren() Methode:

    $(document).ready(function () {
    //Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#what').offset().top
    }, 'slow');
});
    • Diese wird glatt scroll, um das div mit der ID what

    GEIGE

    Hat wunderbar funktioniert, vielen Dank. Ich akzeptiere Ihre Antwort, wenn der Vorstand ließ mich zu 🙂
    Froh, dass es geholfen 🙂
    Könnte dies getan werden dynamisch? Ich würde Sie gerne den div Namen in einem query-string wie: anzeigen.aspx?divToScrollTo=SecondDiv.
    Sicher, es kann getan werden. Bekomme nur die div-id aus der Abfragezeichenfolge und die beim laden der Seite übergeben Sie es an obige code wie: $('#' + divToScrollTo).offset().top, wo divToScrollTo ist die js-variable, wo wir gespeichert haben und die query-string-Wert.
    Wie kann ich erreichen, das nach einem klicken und Seite aktualisieren/laden, Blättern Sie zu Div?

    InformationsquelleAutor palaѕн

  2. 0

    Premieren haben Sie zum aufrufen der Datei, 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

    Hier die id 'scrollen'.
    Der folgende code ist hilfreich:

    <html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    //Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#scroll').offset().top
    }, 'slow');
});

</script>

</head>
<body>

<div id="scroll"></div>

</body>
</html>

    InformationsquelleAutor Jithu Wilson C

  3. -1
    $(document).ready(function(){
    $("html, body").animate({ 
        scrollTop: $('.sb-menu').offset().top 
    }, 1000);
});

    InformationsquelleAutor tailor

Schreibe einen Kommentar