Discussion :

[setni]

Bonjour,

Mon problème concerne l'utilisation de scrollTop sur une div. l’ascenseur reste systématiquement au dessus de la page.

Je récupere les valeur des scrolls (du document et de la div en question) à chaque action de l'utilisateur demandant un traitement serveur.

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php 
if(isset($_GET['scroll'])) {$scroll= $_GET['scroll'];} else {$scroll = 0;}
if(isset($_GET['scroll2'])) {$scroll2= $_GET['scroll2'];} else {$scroll2 = 0;}
 
echo'

// réajustement de ascenseur principal
var taille = '.$scroll.';
// réajustement de ascenseur secondaire
var taille2 = '.$scroll2.';
alert(taille2); //--> affiche la bonne valeur
$(document).scrollTop(taille);
$("#block_blanc_actu").scrollTop(taille2); //--> Cette valeur n'est malheureusement jamais traitée
';

?>

Merci d'avance

[Watilin]

Salut,

mon point de vue n'est qu'un parmi tant d'autres, mais voilà comment je vois la chose.

Plutôt que se compliquer la vie en mélangeant du code PHP et JS, étant donné que tu lis simplement les paramètres GET, tu peux les récupérer directement en JavaScript avec location.search et une petite expression régulière.

Code :

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

1
2
var match = location.search.match(/scroll=(\d+)/);
var scroll = match ? match[1] : 0;

Je te rappelle - on ne sait jamais - qu'utiliser scrollTop sur une <div> n'a d'effet que si la <div> a une hauteur (height) fixe et un overflow vertical défini à scroll ou auto.

Pour vérifier tes variables JavaScript, utilise la console de ton navigateur plutôt que les alert, tu verras, c'est bien plus pratique. Vérifie en particulier le type de scroll2. Venant de la variable PHP $_GET, toutes les valeurs sont des chaînes donc il y a peut-être des guillemets qui interfèrent. C'est pour ça que je conseille de mélanger le moins possible les codes de différents langages.

[setni]

Merci,

J'ai changé le CSS et sa fonctionne.

Pour l'utilisation de php je préfère dans ce cas là.

Discussion résolue