ScrollTop toujours à zéro

**thenaoh** · 26/02/2014, 12h55

Bonjour,

Je souhaite faire un simple bouton permettant à l'utilisateur de revenir en haut de la page avec une animation, comme on en voit souvent. J'ai essayé avec plusieurs tutos (par exemple : celui-ci), mais sans succès.

En effet, la valeur scrollTop de ma page (window, html, body) est toujours à 0, même si je fais défiler ma page, dans le cas où j'ai spécifié le style css height: 100% pour les éléments html et body. Or ce style m'est nécessaire pour l'affichage du footer de mes pages, qui doit toujours rester en bas.

2 possibilités :
- Y a-t-il un moyen de faire revenir ma page en haut, avec ce style css sur les éléments html et body ?
ou :
- Est-il possible de faire un footer toujours en bas de page, sans utiliser ce style css ?

Merci par avance pour votre aide !

**SpaceFrog** · 26/02/2014, 13h29

peux on voir le code de tentative de récupération du scrollTop ?
quel est l'element scrollé ?

http://jsfiddle.net/4z9js/

**thenaoh** · 26/02/2014, 14h26

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(function() {
	$('#boutonRemonter').click(function() {
		alert($(window).scrollTop());
	});
}

Ce code semble fonctionner sur tous les navigateurs (du moins ceux que j'avais sous la main, à savoir IE, Firefox, Chrome et Safari), tant que je ne mets pas le style "height: 100%" sur les éléments html, body.

Sauf que j'ai besoin de mettre ce style css ...

Une idée ?

**SpaceFrog** · 26/02/2014, 14h28

avec quel doctype ?

**thenaoh** · 26/02/2014, 14h30

doctype : <!DOCTYPE HTML>

**SpaceFrog** · 26/02/2014, 14h39

n'aurais tu pas un overflow declaré ?

ScrollTop toujours à zéro

jQuery

Vue hybride

Discussions similaires

Partager

Partager