Garder la position du scrollbar

**Greggggggg** · 21/08/2006, 17h17

Bonjour,

j'ai un problème très important si vous pouviez m'aider ce serait sympa.

j'ai un lien href dans ma page html qui appel la meme page mais avec un parametre particulier.
j'aimerai que quand on click sur ce lien je sois au même endroit de scroll qu'avant le rafraichissement. est ce possible ?

**FremyCompany** · 21/08/2006, 17h22

Envoyé par Greggggggg

Bonjour,

j'ai un problème très important si vous pouviez m'aider ce serait sympa.

j'ai un lien href dans ma page html qui appel la meme page mais avec un parametre particulier.
j'aimerai que quand on click sur ce lien je sois au même endroit de scroll qu'avant le rafraichissement. est ce possible ?

Oui, c'est possible...

Comme ca, à la vollé :

Code :

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

1
2
3
<a href="javascript:window.location='myPage.aspx'+'#'+window.scrollTop+'x'+window.scrollLeft">
Lien
</a>

Et dans ta page (en bas de page de préférence) :

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
try {
    var posStr=location.href.split("#")[1].split("x")
    window.scrollTop=parseInt(posStr[0])
    window.scrollLeft=parseInt(posStr[1])
} catch (ex) {}
</script>

**Greggggggg** · 21/08/2006, 18h07

J'ai l'erreur suivante:

Code :

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

http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#undefinedxundefined

Mon code est le suivant :

Code :

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

<a href="javascript:window.location='PageTreatTicketV8.php'+'#'+window.scrollTop+'x'+window.scrollLeft"> Lien </a>

Tu sais pourquoi?

**FremyCompany** · 21/08/2006, 18h11

Et si tu remplace window.scrollTop par document.body.scrollTop ?

**Greggggggg** · 21/08/2006, 18h16

il me fait

Code :

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

http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#0x0

? j'ai cliqué tout en bas donc il a l'air de trouver la position? mais il ne reste pas sur la même page?

**FremyCompany** · 21/08/2006, 18h17

Envoyé par Greggggggg

il me fait

Code :

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

http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#0x0

? j'ai cliqué tout en bas donc il a l'air de trouver la position? mais il ne reste pas sur la même page?

Pas compris la

**Greggggggg** · 21/08/2006, 18h19

Ben il m'écrit quand je click sur le lien:

Code :

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

http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#0x0

je sais pas pourquoi?

**FremyCompany** · 21/08/2006, 18h20

Et tu voulais qu'il écrive quoi ?

**Greggggggg** · 21/08/2006, 18h25

Envoyé par Greggggggg

Bonjour,

j'ai un lien href dans ma page html qui appel la meme page mais avec un parametre particulier.
j'aimerai que quand on click sur ce lien je sois au même endroit de scroll qu'avant le rafraichissement. est ce possible ?

J'aimerai donc qu'il me renvoie sur la même page mais au même niveau de scroll

**FremyCompany** · 21/08/2006, 18h35

Ben la page, c'est toi qui l'a choisie...
'PageTreatTicketV8.php'

Sinon, si tu veux scroller, tu fais window.scrollTo(x,y) ou window.scrollBy(x,y)

**Greggggggg** · 21/08/2006, 18h52

oui la page c'est moi qui la choisie je remet la même mais je ne veux pas que lors du raffraichissement la page le scroll soit de nouveau en haut de page.
et ce code ne fonctionne pas : je comprends pas

Code :

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

<a href="javascript:window.location='PageTreatTicketV8.php'+'#'+document.body.scrollTop+'x'+document.body.scrollLeft"> Lien </a>

Code :

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

1
2
3
4
5
6
7
 
<script type='text/javascript'>
try {
    var posStr=location.href.split("#")[1].split("x")
    window.scrollTo(posStr[0],posStr[1])
} catch (ex) {}
</script>

**FremyCompany** · 21/08/2006, 18h55

Attention que ca doit être mis juste avant le </body> :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<script type='text/javascript'>
try {
    var posStr=location.href.split("#")[1].split("x")
    var x=parseInt(posStr[0]);
    var y=parseInt(posStr[1]);
    document.body.scrollTop=x;
    document.body.scrollLeft=y;
    window.scrollTo(x,y);
} catch (ex) {}
</script>

**Greggggggg** · 21/08/2006, 23h45

ok faut le mettre avant le body mais j'ai toujours un problème je pense qu'il redirige mal quand je fais :

Code :

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

1
2
 
<a href="javascript:window.location='PageTreatTicketV8.php'+'#'+document.body.scrollTop+'x'+document.body.scrollLeft"> Lien </a>

il m'envoie à l'url :

Code :

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

1
2
 
javascript:window.location='PageTreatTicketV8.php'+'#'+document.body.scrollTop+'x'+document.body.scrollLeft

alors qu'il faudrait qu'il m'envoie à l'url :

Code :

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

1
2
 
http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#144x0

**Greggggggg** · 22/08/2006, 14h55

Quelqu'un a une idée ? c'est super important je dois rendre mon projet demain !

**FremyCompany** · 22/08/2006, 15h01

Envoyé par Greggggggg

Quelqu'un a une idée ? c'est super important je dois rendre mon projet demain !

Tu ne pourrais pas mettre ta page ne ligne ou la mettre en page attachée ?

**Greggggggg** · 22/08/2006, 15h15

Voila j'ai mis un code simple.

En bas à peu près à 1000 px il y a un lien qui s'appelle "CLICK DESSUS".
J'aimerai que lorsque je clique dessus il m'envoie à la même page (TestScrollBar.php) et à la même position de scroll.

**FremyCompany** · 22/08/2006, 15h52

Code :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
div {	
	position:absolute;
	left:363px;
	top:1000px;
	width:465px;
	height:87px;
	z-index:1;
	background-color: #FFFFFF;
}
-->
</style>
</head>
<body>
<P></P>
<div>
<a href="javascript:window.location.href='Untitled Document.htm'+'?scrollpos='+document.documentElement.scrollTop+'x'+document.documentElement.scrollLeft+'x'"> CLICK DESSUS </a>
</div>
 <script type='text/javascript'>
try {
    var posStr=location.href.split("scrollpos=")[1].split("x")
    var x=parseInt(posStr[0]);
    var y=parseInt(posStr[1]);
    alert(x + "," + y);
    document.body.scrollTop=x+"px";
    document.body.scrollLeft=y+"px";
    window.scrollTo(y,x);
} catch (ex) {}
</script>
</body>
</html>

**Greggggggg** · 22/08/2006, 16h15

Trop bien ca marche !!!
Merci faut que je te paie un verre Fremy ^^

**Greggggggg** · 22/08/2006, 16h51

Dernière question :

j'ai un div qui a un scroll créé en css :

Code :

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

1
2
3
4
5
6
 
div {
  width: 800px;
  height: 200px;
  overflow:auto;
}

est-il possible de faire la même chose sur cette partie de div?

**FremyCompany** · 22/08/2006, 17h16

Normalement oui

Garder la position du scrollbar

JavaScript

Discussions similaires

Partager

Partager