Faire descendre et monter un bloc

Version imprimable

23/04/2010, 19h10
hous04

Faire descendre et monter un bloc

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
24/04/2010, 10h15
badajoz

Salut,

Tu veux qu'il descende en bas, ou qu'il reste tout le temps visible sur ta page quand tu scroll ?
24/04/2010, 13h15
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
24/04/2010, 15h48
Bovino

Citation:

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 :faq: CSS ?
http://css.developpez.com/faq/?page=...ans_javascript

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:

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>

24/04/2010, 19h31
hous04

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

Code:

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>

25/04/2010, 11h42
SpaceFrog

Chacun ses goûts ... :aie:
26/04/2010, 09h04
hous04

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