Il collegamento My Anchor non verrà avviato nella parte superiore della pagina

Question

Non sono sicuro di quello che sta succedendo. Ho due piedi di fila. Un footer è una barra laterale e l'altro footer è un normale footer nella parte inferiore della pagina. Il mio tag di ancoraggio nel mio footer di fondo, che si collega alla mia pagina about, mi porta in fondo alla pagina invece di iniziare in alto, e il mio anchor tag nel footer della sidebar mi porta al centro della pagina! Altri collegamenti di ancoraggio mi portano anche nelle parti centrali o casuali delle pagine caricate.

Non sto usando niente di speciale con l'ancora. Non credo ...

Ecco il mio punto fermo per entrambi i piè di pagina:

<a href="/about" class="a-color"> 
    <small>About</small> 
</a> 

mie pagine sono caricati con ng-view. Sono non utilizzando $anchorScroll

Answer 1

Usa questo codice. Ci vorrà sempre la pagina in cima al carico della finestra.

$(window).load(function(){ 
     if (location.hash) { 
      setTimeout(function() { 
      window.scrollTo(0, 0); 
      }, 1); 
     } 
}); 

Answer 2

Apparentemente il tuo browser ha un problema.
1. Di quale browser si trova questo?
2. Hai provato su un altro browser?
3. Il codice funziona correttamente su qualsiasi altra macchina?
4. Hai cancellato cache/cookie e provato di nuovo?

Soluzione:
non Sicuramente la soluzione perfetta, ma come una soluzione, provare il codice qui sotto e vedere se questo funziona per voi:

<a href="/about#top" class="a-color"> 
    <small>About</small> 
</a> 

Answer 3

come per la mia comprensione non si vuole pagina per ricaricare dopo che l'utente ha fatto clic su qualsiasi link della tua pagina, vuoi solo che un'area venga aggiornata correttamente?

In tal caso è possibile utilizzare i modelli, configurare il percorso in base agli stati e facendo clic sul collegamento è possibile modificare il modello da $ state.go.

Answer 4

ngView mantiene la posizione di scorrimento quando si naviga da una pagina all'altra. una volta vista caricato quindi può utilizzare $ anchorScroll per cambiare finestra o può aggiungere autoscroll="true" a ng-view elemento

<div class="ng-view" autoscroll="true"></div>