Faire descendre et monter un bloc

**hous04** · 23/04/2010, 19h10

Salut
j'ai un petit bloc (panier) à droite de site. Je voudrais que ce panier descende en bas lorsque je descends la page. Pouvez-vous me dire comment faire?
Merci d'avance

**badajoz** · 24/04/2010, 10h15

Salut,

Tu veux qu'il descende en bas, ou qu'il reste tout le temps visible sur ta page quand tu scroll ?

**SpaceFrog** · 24/04/2010, 13h15

Je déconseille javascript pour cela... en effet en général le rendu est saccadé...
css convient mieux pour ce genre de chose

**Bovino** · 24/04/2010, 15h48

Envoyé par SpaceFrog

Je déconseille javascript pour cela... en effet en général le rendu est saccadé...
css convient mieux pour ce genre de chose

Tu veux dire comme expliqué dans la

CSS ?
http://css.developpez.com/faq/?page=...ans_javascript

**SpaceFrog** · 24/04/2010, 16h49

Non le rendu est le même je parle en pur css
le contenu intégral du site étant dans un div en height 100% et le menu en positon absolute au dessus (zindex)

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Menu</title>
<style type='text/css'>
html, body {
	height:100%;
	width:100%;
 
	}
body {	
	overflow:hidden;	
 
	margin:0;
	padding:0;
	}
#page{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:auto;
	z-index:1;
	}
#menu{
    position:absolute;
    height:150px;
    width:150px;
    right:20px;
    top:0;
    z-index:2;
    background-color:red;
    }
</style>    
</head>
 
<body><div id="menu"> Menu </div>
<div id="page">
 
 
simulation de contenu multilignes en javascript!<br/> 
<script type="text/javascript"> 
for (i=0;i<50;i++){
	document.write("ligne "+i+"<br/>");
	}
</script>
 
</div>
</body>
 
</html>

**hous04** · 24/04/2010, 19h31

je voudrais l'orsque je descent en bas et je monte en haut en utilisant le barre de défilement le bloc me suive, mais avec css le style fixed c'est pas joli alors je veux une méthode avec laquelle le bloc apparaise en mouvement

Invité · 24/04/2010, 23h40

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
<!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>
<script>
var posX=0
function grrrr(){
var dde=(navigator.vendor) ? document.body : document.documentElement;
var scrtop=dde.scrollTop
posX = posX+(((scrtop-posX)+10)/15);
document.getElementById("sm").style.top=posX+'px';
setTimeout(grrrr,15)
}
onload=grrrr
 
</script>
</head>
  <body>
    <div  id='sm'style='position:absolute'>
      <br>
        iouuuuuuuuuuuuuuuuuuuuuty
		<br>
		iouuuuuuuuuuuuuuuuuuuuuty
		<br>
        iouuuuuuuuuuuuuuuuuuuuuty
		<br>
		iouuuuuuuuuuuuuuuuuuuuuty
		<br>
		kùklùmùlmùklmùllmùlmkùlmù
      </p>
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  </body>
</html>

**SpaceFrog** · 25/04/2010, 11h42

Chacun ses goûts ...

**hous04** · 26/04/2010, 09h04

Merci Mekal c'est ce que je cherche et merci a tous qui ont participé

Faire descendre et monter un bloc

JavaScript

Discussions similaires

Partager

Partager