Maintenir la position du site Web lors de la navigation

Question

Y at-il un moyen de faire en sorte que la page ne tire pas vers le haut du site lorsque vous cliquez sur différents liens dans la barre de navigation?

e. Donc, disons que je navigue sur mon site et que je défile un peu. Ensuite, je clique sur un lien qui redirige vers une page différente sur mon site. Il défile automatiquement vers le haut. Y at-il un moyen de le faire ne pas le faire.

Answer 1

au lieu de lier simplement à une page, vous pouvez créer un lien vers une ancre sur cette page en utilisant

<a href="pagename.html#anchor">link text</a> 

si ce point d'ancrage est placé correctement sur la page cible, vous ne rencontrerez pas le saut en arrière vers le haut tous les temps que vous liez à une autre page. J'espère que cela aide

Answer 2

Si tel est le problème que je suis imaginer:

Changer vos liens pour pointer vers <a href="#"> ou <href="javascript:void(0);">

Si vous allez aux pages différentes, vous pouvez utiliser un lien comme:

<a href="page2.html#Section5">My Link</a> 

vers le bas dans la page:

<div id="Section5"> 
Stuff! 
</div> 

Answer 3

Thi s est la façon dont le web fonctionne. Mais vous pouvez toujours faire quelques tours mais chacun prendra un peu de travail.

Première option: Lorsque vous cliquez sur un lien sur la page, obtenir la marge du lien à partir du haut, puis l'ajouter en tant que paramètre à ce lien, et seulement alors que la navigation. (le format de la ligne sera comme page.html # margin-from-top).
Ensuite, dans la nouvelle page chargée, vous pouvez rechercher cette valeur et faire défiler. (Je préfère le défilement avec une petite durée).

Deuxième option: Une autre idée est de rester toujours sur la même page et de ne modifier que son contenu. vous pouvez le faire avec un peu d'effets aussi.

Answer 4

Il semble aussi que vous pourriez vouloir utiliser un effet ScrollTo de mooTools ou même invoquer une méthode AJAX comme SWFAddress. En fonction de ce que vous essayez de faire, vous pourrez peut-être le faire sans utiliser de javascript, mais cela dépendra de l'inclusion d'étiquettes/etc. sur votre page cible (comme cela a été mentionné précédemment).