2010-06-04 10 views
1

Je voudrais que la page pour ouvrir à un certain à mi-chemin div bas de la page, pas au sommet ...Comment charger une page au milieu de la page (au lieu du haut)?

J'ai quelque chose comme:

<div id="d1"> 
<div id="d2"> 
<div id="d3"> 
<div id="d4"> 
<div id="d5"> 
<div id="d6"> 

Comment puis-je obtenir la page ouvrir à # d4, au lieu du haut? (En plus d'ajouter # d4 à la fin de l'URL ...)

J'imagine qu'il doit y avoir un moyen simple de le faire, mais je n'arrive pas à trouver une solution! HTML, javascript? Toute aide est grandement appréciée.

+0

Whoops, désolé. Il devrait y avoir une liste de 5 divs, ids: # d1 à # d5. – christina

Répondre

0

Vous pouvez utiliser Javascript:

location.replace('#d4'); 
+0

Il a spécifiquement dit qu'il ne voulait pas faire ça ... – Ryley

+0

@Ryley: Vous l'avez mal compris. Il voulait dire qu'il ne voulait pas charger la page à partir d'une URL différente. – SLaks

+0

Pouah, ok ... Je ne vois toujours pas la différence (rechargement maintenant aveC# d4 vs chargement initial aveC# d4), et j'ai mal cliqué sur mon vote un tas de fois, donc je ne peux pas changer maintenant ... – Ryley

0

Trouver position div à l'aide this puis utilisez la commande javascript suivante:

window.scroll(0, DIV_POS); // horizontal and vertical scroll targets 
+0

Exactement ce que je cherchais. Merci! – christina

1
<script> 
function ScrollToElement(theElement){ 

    var selectedPosX = 0; 
    var selectedPosY = 0; 

    while(theElement != null){ 
    selectedPosX += theElement.offsetLeft; 
    selectedPosY += theElement.offsetTop; 
    theElement = theElement.offsetParent; 
    } 

window.scrollTo(selectedPosX,selectedPosY); 

} 
</script> 

http://radio.javaranch.com/pascarello/2005/01/09/1105293729000.html

+0

lien génial merci! – christina

0

EDIT: OOPS! n'a pas lu le Except .... mépris!

Note à moi-même, lire toute la question avant de répondre!

Fin EDIT

Vous pouvez toujours utiliser une balise d'ancrage HTML

<a name="d1" /> 
<div id="d1"> 
<a name="d2" /> 
<div id="d2"> 
<a name="d3" /> 
<div id="d3"> 
<a name="d4" /> 
<div id="d4"> 
<a name="d5" /> 
<div id="d5"> 
<a name="d6" /> 
<div id="d6"> 

Lorsque vous accédez à la page, vous devez inclure le nom de l'ancre dans l'url: pagename.htm # d4

Assurez-vous de fermer vos balises div.

Bonne chance,

Patrick

Questions connexes