Wie verwendet man das Anchor-Tag in der URL?

Question

Ich möchte bestimmte Teile einer Seite laden, wenn die Seite geladen wird. Wie ich habe ein Bild auf der Oberseite und ein Formular unten. Wenn mein Benutzer also auf das Bild auf der vorherigen Seite klickt, sollte der Benutzer das Formular direkt darunter und nicht das Bild sehen.

Was ich versucht habe.

window.scroll 
window.scrollTo 
window.scrollBy 
Element.scrollintoview 

Keine von ihnen funktionierte.

Aber dann habe ich versucht, mit Anker-Tag und es hat funktioniert, wie ich

versuchte

http://localhost:8080/myproject#anchorId (worked fine) 

Aber wenn ich so etwas wie diese Bitte

http://localhost:8080/myproject/test.jsp#anchorId (does not work) 

tun führen, wie ich Anker-Tag verwenden kann, wenn i jsp habe in URL

Answer 1

Sie können so etwas wie tun:

element = document.getElementById("divFirst") 
alignWithTop = true; 
element.scrollIntoView(alignWithTop); 

Oder Sie können:

Setzen Sie ein <base> Tag in Ihrem Dokument. Alle Bezeichner-Links sind ebenfalls relativ dazu. Wenn dies wahr ist, dann müssen Sie Ihre Kennung Links von

ändern

<a href="#name"> 

zu

<a href="${pageContext.request.requestURI}#name"> 

Siehe auch: Is it recommended to use the <base> html tag?