Navigieren Sie zu beim laden der Seite

ich habe ein jquery-code aus diesem link (am Ende der Seite):
Wie Bildlauf zum Anfang der Seite mit JavaScript/jQuery?

Warum verwenden Sie nicht nur einige Referenz-element ganz am Anfang
Ihre html-Datei, wie

<div id="top"></div>

dann, wenn die Seite geladen wird, einfach

$(document).ready(function(){

    top.location.href = '#top';

});

Wenn der browser scrollt nach dieser Funktion löst Sie einfach

$(window).load(function(){

    top.location.href = '#top';

});

nun, alles funktioniert, aber nicht in google chrome!
wie kann ich dieses Problem beheben code für google chrome?
und, wie ich hinzufügen kann, eine animation zu diesem code? wie scroll-Geschwindigkeit oder schneller, langsamer usw...

InformationsquelleAutor Alireza | 2012-06-20
  1. 18

    Wenn Sie jQuery verwenden, können Sie scrollTop zu Blättern. Es ist eine Methode, aber es kann animiert werden, zu. Hier ist die Dokumentation: jQuery API-Dokumentation für scrollTop

    Können Sie es verwenden, etwa so:

    $("html,body").scrollTop(0);

    Oder zum animieren:

    $("html,body").animate({scrollTop: 0}, 1000);

    Konnten Sie diese in einem event-handler:

    $(document).ready(function()
{
     $("html,body").animate({scrollTop: 0}, 1000);
}

    Oder:

    $(window).load(function()
{
     $("html,body").animate({scrollTop: 0}, 1000);
}
    • Targeting wird das HTML-Element und das body-tag sollten alle rechts in Chrom.
    • Dank u. nun, wie ich hinzufügen kann, die Geschwindigkeit der animation oder der für diesen code? top.Lage.href = '#top';
    • Kann man nicht soweit ich das erraten kann. Sie sind nicht die Einstellung eine Skalare Eigenschaft, so kann es nicht animiert werden. Im Grunde eine animation ist einfach eine Schleife, die erhöht einen Wert. Dies ist nur die Einstellung einen Wert zu etwas, das kann nicht erhöht werden. Nun, können Sie die vertikale position des #top-element und scrollTop um die senkrechte position. Sie würde tun, dass durch die Einstellung scrollTop in der animation code nicht auf 0, sondern auf die vertikale position Wert.
    • OkiDoki. Dank
    • Durch die Art und Weise zu finden, um die vertikale position, ich glaube, dass Sie so etwas wie $("#top").offset().top. Zitieren Sie mich nicht, dass, jedoch.
    • Ich habe ein Problem mit Chrome 30 (Kanaren) wo das scrollen nicht festgelegt werden kann sofort. $("html,body").scrollTop(0); nicht funktioniert, aber dies tut: $(window).load(function(){ $("html,body").animate({scrollTop: 0}, 1); });
    • Ich könnte dich KÜSSEN. Diese wurde driving me NUTS. Was ist mit Chrome die Umsetzung dieser?? Ab der Version 46.0.2490.86 (64-bit) scrollTop erfordert $(window).load(function(){ ... oder es tut JACK-HOCKE.
    • Vielen Dank für diese. Aber ich möchte, dass die Wiederverwendung der obige code nach dem klicken auf eine Schaltfläche und das laden der Seite > target-ID zu Blättern an. Ich bin versucht derzeit wie: jQuery('.gform_next_button').click(function(){ jQuery('html head').scrollTop( jQuery('.gform_wrapper').offset().top ); }); jQuery('.gform_back_button').click(function(){ jQuery('html head').scrollTop( jQuery('.gform_wrapper').offset().top ); }); Bin nicht immer funktionieren, wie gezeigt, im experiment werden versuche mit. link

    InformationsquelleAutor lewiguez
  2. 0

    (Ich würde empfehlen, die Antwort lewiguez gab in der Praxis aber noch nicht sicher, warum deine Methode nicht funktioniert, in google chrome.)

    Das scheint zu funktionieren für mich, ich bin nicht sicher, über das laden-Fenster obwohl. Getestet habe ich die aktuelle "top.Lage.href" Linie aber auf Klick auf einen link.

    $('#bottomlink').click(function(){
  top.location.href="#top";
  return false;
});

    In der Nähe der oben auf der Seite.

    <p id="top">lorem ipsum</p>

    - Und dies ist der link am unteren Rand der Seite.

    <a id="bottomlink" href="#">Bottom Link</a>
    • ich brauche eine aotomatic Blättern Sie nach laden der Seite. code vom ersten post ist wroking, aber nicht in Chrom. ich brauche einen Anker-Links oder etwas wie dieses. ich muss scrollen um den Anker-aotomatic nach dem laden der Seite. ich habe es aber mein problem ist google chrome!
    • Haben Sie überprüft, die Konsole für Fehler in Chrome?
    • Ok, ich lege id="top" im body-tag, jetzt funktioniert alles. nun, wie ich hinzufügen kann, die Geschwindigkeit der animation oder der für diesen code? top.Lage.href = '#top';
    InformationsquelleAutor cburyta
Schreibe einen Kommentar