J'ai une question que l'on retrouve très souvent. Le problème est que nulle part ne peut être trouvée une solution explicite.
J'ai deux problèmes concernant les ancres.
L'objectif principal devrait être d'obtenir une belle URL propre sans aucun hachage tout en utilisant des ancres pour sauter sur une page.
La structure des ancres est donc:
<ul>
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
<li><a href="#three">Three</a></li>
</ul>
<div class="wrap">
<a name="one">text 1</a>
<a name="two">text 2</a>
<a name="three" class="box">text 3</a>
</div>
D'accord, si vous cliquez sur l'un des liens, l'URL deviendra automatiquement
www.domain.com/page#1
À la fin, cela devrait être juste:
www.domaine.com/page
Jusqu'ici tout va bien. Maintenant, la deuxième chose est que lorsque vous recherchez sur Internet ce problème, vous trouverez javascript
une solution.
J'ai trouvé cette fonction:
function jumpto(anchor){
window.location.href = "#"+anchor;
}
et appeler cette fonction avec:
<a onclick="jumpto('one');">One</a>
ce qui sera pareil avant. Il ajoutera le hachage à l'url. J'ai aussi ajouté
<a onclick="jumpto('one'); return false;">
sans succès. Donc, s'il y a quelqu'un qui pourrait me dire comment résoudre ce problème, j'apprécierais vraiment.
Merci beaucoup.
window.scrollTo
ou l'aide jQuery correspondante: stackoverflow.com/questions/6677035/jquery-scroll-to-element ou stackoverflow.com/questions/500336/…
location.hash=''
, le #
reste là.
window.location.hash=''
.