2013-07-23 14 views
7

Stavo cercando di fare un salto div da <a href="#FAQ">FAQ</a> a un id div e potrebbe facilmente successo, ma dal momento che ho un collegamento fisso a cui saltare, non riesco a trovare un modo come fare quello.pagina salta da div a un'ancora

Significato, voglio un div o a href collegamento per passare a un URL nella stessa pagina dicono <a href="http://www.mydomain.ask.html">Ask</a>

So per certo che saltando da un ancoraggio, come <a href="#jump">jump</a> ad un div come <div id="jump">jump to point</div> funziona correttamente. Tuttavia, che ne dici del modo opposto? funziona? Voglio dire saltare da una divida a un'ancora funziona?

+0

se io non l'ho provato, sarebbe perché lo chiedo allora? :) –

+1

Consiglierei di creare un semplice file html per testare cosa si vuole fare. – Malkus

+0

perchè non lo provi (@Digitalsite) ?? –

risposta

9

Finché l'ancora ha un ID è possibile collegare a una posizione nella vista facendo clic sul div ti servirà solo un javascript.

L'impostazione del valore window.location.hash mette l'elemento attivo della vista sull'ID selezionato.

Esempio

<a href="#test1" id="back">Test</a> 

<div id="test1" onclick="window.location.hash='back'; "> 

JSFiddle Example

+0

ok, ottima soluzione. Questo è quello che ho fatto anche io. Comunque, quello che voglio fare è saltare da 'div id =" test1 "' a 'a href =" # test1 "', non il modo normale che conosciamo ... –

+0

appena scoperto nel tuo esempio che devo fai clic su ** test ** per passare al ** target div ** e quindi fai clic su ** target div ** per tornare a ** test ** anchor, che è buono. tuttavia, voglio solo saltare da ** target div ** a ** test ** "one way" –

+1

Non devi _have_ utilizzare l'esatto esempio che ho fornito. – Malkus

3

penso che poi si deve aggiungere <a href="yourid">page place</a> all'interno del vostro primo div e devono dare id al tag anchor <a href="yourplace" id="idname"></a>

+1

questa soluzione sta andando da qualche parte intorno alla traccia giusta ... non so se riesco a capirlo bene. Grazie comunque. –

3

se avete link per andare un altro con la variabile è possibile utilizzare con id # segno

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a> 

<div id="lastdiv">There are last product Exist</div> 
Problemi correlati