2017-05-08 1 views
0

Dies ist, was ich umsetzen wollen:Zurück zum vorherigen Standort auf der vorherigen Seite, wenn Browser Klicken auf Back Button

Auf Seite ein, klicken Sie auf den Link, um Seite b gehen, von Anfang an alles auf Seite b zeigt . Klicken Sie auf den Zurück-Button des Browsers, um zur Seite a zurückzukehren und den Inhalt der Link-Position anzuzeigen.

Das ist, was ich habe jetzt:

kommt es vor, zwischen zwei aspx Seiten,

1, auf der ersten Seite, http://xxxx/default.aspx#project/page/home, gibt es einen Link < a href = "# page/test"> TEST </a>

2, So wenn ich auf diesen Link klicke, wird es zu http://xxxx/default.aspx#project/page/test springen. Aber es scheint so, als ob der Browser sich die Link-Position auf der Seite/Startseite merkt und direkt zur selben Position auf Seite/Test springt, anstatt alle Inhalte von Anfang an anzuzeigen.

3, wenn ich Browser Zurück-Button klicken, um zur vorherige Seite, kann es auch zu diesem Link Position geht nicht zurück.

Zusätzliche Informationen: Ich änderte die < a href = "# page/test"> TEST </a> < a href = "https://stackoverflow.com/questions/1215449/browser-does-not -Remember-Position-von-Seite-zuletzt-angesehen "> TEST </a>, es hat gut funktioniert. Also ich denke es liegt an den ASPX-Seiten und dem Hashtag.

Ich habe dies versucht, wird es zwei Seiten zur gleichen Zeit verursachen zeigt (eine auf der linken und auf der rechten Seite) Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button

Bitte helfen, danke.

+0

'http: // xxxx/default.aspx # -Projekt/page/home' und' http: // xxxx/default.aspx # -Projekt/page/test' sind beide die gleiche Seite - defau lt.aspx –

+0

@JenR, Vielen Dank für die Antwort. Kennst du zufällig einen Weg, um das zu implementieren, was ich wollte? sogar sie sind eine Seite. –

Antwort

0

einen <a>-Tag verwenden, um die Seite neu zu positionieren, müssen Sie mit einem id Attribute ein Element haben, der den Text folgenden # in der Link-Spielen:

<!DOCTYPE html> 
<html> 
<body> 

<h2 id="thetop">Top of page!</h2> 

<p>Text here</p> 

<a href="#thetop">Go to top</a> 
</body> 
</html> 

Vor HTML5, das geschieht mit eine andere <a>, die ein name Attribut enthalten:

<!DOCTYPE html> 
<html> 
<body> 

<a name="thetop">Top of page!</a> 

<p>Text here</p> 

<a href="#thetop">Go to top</a> 
</body> 
</html> 
Verwandte Themen