2010-08-04 8 views
1

je la question/problème suivant:Retour en haut de la page en cliquant retour

Sur cette page http://www.projectyou.gr/gp/?page_id=5 il y a 3 onglets
[C'est en grec, mais je l'espère, vous comprendrez]
Chaque onglet contient des liens vers des articles.
Lorsque vous cliquez sur un article, puis appuyez sur le bouton de retour sur le navigateur, il revient à l'onglet sélectionné ET fait défiler l'article que vous avez cliqué.
Autant que j'aime ce comportement ce n'est pas ce que je veux dans ce cas.
Je voudrais que l'utilisateur, en revenant à la page, toujours aller en haut.

Quelle est la meilleure façon d'y parvenir.
Est-ce que cela a à voir avec le fait que j'utilise les onglets jQuery et que le code que j'ai pour retourner à l'onglet précédemment sélectionné provoque le saut à l'ancre précédemment cliquée?

Toute aide serait grandement appréciée.
Merci

+0

De quel sommet parlez-vous? ... lorsque je clique sur un onglet, mon bouton arrière n'est même pas cliquable ... – Reigel

+0

Cliquez sur un article qui se trouve au bas de la page. Vous accéderez à une autre page. Si vous cliquez en arrière, vous revenez au bas de la page. Je voudrais éviter cela et toujours revenir en haut de la page. Espérons que cela aide. Merci pour la réponse rapide: _) – ion

+0

maintenant, quand j'appuie sur le bouton de retour, il m'amène à l'onglet Εκπαίδευση. Suis-je avec vous? même si je n'étais pas sur cet onglet avant que je clique sur un lien ... – Reigel

Répondre

2

que diriez-vous d'ajouter quelque chose comme cela à votre document gestionnaire prêt (je me rends compte que vous pouvez déjà avoir un, si juste annexant la scrollTo peut le faire):

$(document).ready(function() { 
    window.scrollTo(0, 0); 
}); 

comme dans ce SO question

+0

Cela fonctionne, merci beaucoup. Je viens de le faire. Cependant, il semble que ça descend et puis vers le haut. Il y a une petite latence ... ce serait bien si nous pouvions trouver une solution pour empêcher ce comportement. Merci beaucoup de toute façon – ion

+0

bien ... au lieu de faire défiler à la fin du gestionnaire prêt, vous pouvez essayer et se faufiler dans un bloc "normal"

0

Vous pouvez également utiliser

$("html:not(:animated),body:not(:animated)").animate({ scrollTop: 0}, 500); 

qui il défile de façon animée, Le 500 est la vitesse en millisecondes

le 0 est ainsi de partir du haut de la page,

si vous voulez faire défiler vers le haut d'un élément que vous pouvez le remplacer par

var offset = $('element').offset(); 
var top = offset.top; 
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: top}, 500) 

;