2015-07-26 22 views
5

Mi sono bloccato con un problema che non riesco a risolvere. Puoi aiutarmi.Perché la pagina si sposta dopo il reindirizzamento?

mi hanno diverse pagine di informazioni e alla fine è il seguente link:

"You may find more pictures in our <a href="ga.php#apco">GALLERY</a>" 

Salta alla galleria e la sezione a destra, ma se tutte le immagini vengono caricate, salta verso l'alto. Vorrei evitare questo salto in alto!

Una parte della galleria php:

<div class="products-section"> 
       <div id="apco">Apartment Concept</div> 
      <div class="products-grids"> 
      <div class="col-md-4 products-grid"> 
       <div class="gallery"> 
         <a class="mask" href="../data/pic/22.jpg"><img src="../data/pic/22.jpg" class="img-responsive zoom-img" alt="/" title="Apartment"></a> 
        </div> 
      </div> 

...

Ho anche utilizzare jQuery a causa del disegno. Per favore aiutami e chiarisci il problema. Sono un utente HTML-PHP di livello intermedio e per lo più lavora con i modelli.

Grazie!

+0

Puoi guardare questo post e vedere se questo aiuta: http://stackoverflow.com/questions/2835140/how-do-i-link-to-part-of- a-page-hash – b729sefc

+0

Quindi non ho problemi né con il collegamento né con il salto alla sezione giusta. Funziona, ma dopo aver caricato completamente la pagina, salta in alto. – ddanka

risposta

1

Ho l'abitudine di utilizzare un tag di ancoraggio a cui fare riferimento quando desidero questo tipo di navigazione. Puoi anche nidificare un h1 o qualcos'altro in esso.

cioè

a(id="apco") 

    h1 someText 

Mai mi fallito, penso che qualche insegnante martellato in me molto tempo fa.

Speriamo che funzioni per voi!

0

Elimina#apco sul tag.

Quindi,

"You may find more pictures in our <a href="ga.php">GALLERY</a>" 
+0

Ok, ma vorrei passare a una parte specifica della pagina. La galleria ha due sezioni (Hotel Concept, Apartment Concept) l'una dopo l'altra. È una pagina con immagini semplici. Ho due pagine Info, una per l'hotel, una per l'appartamento, con il link alla fine mostrato sopra. #hoco e #apco. Il link alla fine del sito di informazioni dell'hotel dovrebbe passare alle foto degli hotel (#hoco) alla fine del sito di informazioni appartamento alle foto dell'appartamento (#apco) – ddanka