Wie kann ich mit der Zurück-Schaltfläche zur vorherigen Seite wechseln anstatt interne Links zu springen?

Momentan springt meine Browser-Zurück-Taste interne Links auf meiner Website. Jeder Abschnitt hat eine ID, und die Navigation springt zu dem Abschnitt mit der entsprechenden ID. Ich möchte, dass meine Website zurückgeht, um zu sagen, Google, woher der Nutzer kommt, anstatt auf meiner Seite herumzuspringen.Wie kann ich mit der Zurück-Schaltfläche zur vorherigen Seite wechseln anstatt interne Links zu springen?

Wie gehe ich dabei vor? Gibt es eine Möglichkeit, zu kontrollieren, was der Zurück-Button des Browsers auf meiner Website tut?

Quelle

2016-11-20 envy181

Und was, wenn der Benutzer auf Ihrer Seite nur das will vorherigen Abschnitt zurück zu gehen, wo er auf die Zurück-Taste, indem Sie war? Nur weil ich das erwarte, wenn ich auf den Zurück-Button klicke ... – caramba

@caramba Das ist nicht ihre Frage. Ich bin sicher, dass sie die Browserlogik verstehen. –

@BlakeConnally auch nur hier versuchen zu helfen. Vielleicht hat der Fragesteller nicht darüber nachgedacht, deshalb habe ich erwähnt. Weil er gerade dabei ist, das normale Browserverhalten zu ändern, was in den meisten Fällen nicht gut ist. – caramba

Diese Antwort wurde überarbeitet, um die richtigen Informationen anzuzeigen. Wenn Sie die Funktionsweise der A-Elemente ändern, wird # nicht zur URL hinzugefügt, auch wenn sie auf die Zurück-Schaltfläche klicken, werden sie auf die Seite weitergeleitet, auf der sie sich vor dem Besuch Ihrer Site befanden (solange Ihre Seite eine Seite hat).

<head> 
 
    <script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.js"></script> 
 
</head> 
 
<!--These are your links that will take the user to each part of the page. 
 
Change the value in the onclick function to the name of your div--> 
 
<a href="Javascript:void(0);" onclick="goToByScroll('div1')">Click here to go to Div 1</a> 
 
<a href="Javascript:void(0);" onclick="goToByScroll('div2')">Click here to go to Div 2</a> 
 

 
<!--Add ID attributes to your divs, this is what you will put in the goToByScroll Onclick value.--> 
 
<div id="div1" style="margin-top: 700px"> 
 
    <!--Div 1 Info--> 
 
Div 1 
 
</div> 
 
<div id="div2" style="margin-top: 700px"> 
 
    <!--Div 2 info--> 
 
Div 2 
 
</div> 
 
<!--This is the JS function. I've added in a smooth scrolling technique to make it not choppy.--> 
 
<script type="text/javascript"> 
 
    function goToByScroll(id){ 
 
     $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); 
 
    } 
 
</script>

Quelle

2016-11-20 20:53:03

@caramba Das ist genau das, was das tut. Lesen Sie die Fragen gründlich, bevor Sie einen Kommentar abgeben. –

Hallo Blake, ich werde diese Antwort morgen mit PHP nach der Arbeit versuchen (gehe jetzt ins Bett), könntest du bitte den Prozess erklären, wie dieser Code-Snippet in den PHP-Cookie-Code integriert wird? Ich bin nicht so vertraut mit dem Code im Snippet noch einem PHP-Experten, ich lerne immer noch. Wie oben zu Caramba kommentiert, versuche ich die # Symbole auch in meiner URL zu verstecken, wie wird sich das auf den Code auswirken? – envy181

@ envy181 Ich habe meine Antwort zu Ihrer Frage überarbeitet. Es war irreführend mit der ersten Info, dies sollte den Trick machen. Sie können das Code-Snippet ausführen, um zu sehen, dass es funktioniert. Es fügt nicht # hinzu, da es die Seite zurückbringt, die vor eurer Seite liegt. –

Wie kann ich mit der Zurück-Schaltfläche zur vorherigen Seite wechseln anstatt interne Links zu springen?

Antwort

Verwandte Themen