Scrollbar d'une div dans body

**defacta** · 25/10/2014, 20h25

Bonjour,

Est-il possible de déplacer la scrollbar de la div DIVMAIN dans body ? Le but: utiliser la scrollbar de <body> pour scroller la div DIVMAIN.

Page d'exemple:
http://boxfly.free.fr/test/body-scroll.html

Voici le code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
</head>
 
<body marginwidth=0 marginheight=0 topmargin=0 leftmargin=0 rightmargin=0 style="background-color:#eeeeee; text-align: center; height:100%;width: 100%;overflow-y:hidden;overflow-x:hidden;height: auto; min-height: 100%; _height: 100%;">
<div id="DIVMAIN" style="background-color:#dddddd;overflow-y:scroll;max-width:1100px; margin: auto; width:expression( Math.min(parseInt(this.offsetWidth), 1100) ); border-right:1px solid #333333; border-left:1px solid #333333; border-bottom:1px solid #333333;text-align:center; align:center; height: 580;">
 
test<br>test<br>test<br>etc...
 
</div>
</body>
</html>

Merci,
Vincent.

**NoSmoking** · 26/10/2014, 08h59

Bonjour,

dans ce cas laisse les choses se faire naturellement non ?

**defacta** · 26/10/2014, 09h43

Ce serait plus agréable d'utiliser la scrollbar de body pour scroller la div DIVMAIN et aussi plus joli.

**Muchos** · 26/10/2014, 19h23

À chaque élément son éventuelle scrollbar — et heureusement.

En outre, comme dit NoSmoking, pourquoi ne pas laisser la DIV déborder naturellement ; et ainsi faire que la scrollbar de BODY s'occupe du défilement ?

**defacta** · 28/10/2014, 19h45

Parce que si c'est le cas, le contenu dépasse la div DIVMAIN et quand on scroll le cadre principale bouge aussi, or il ne doit pas bouger:
http://boxfly.free.fr/test/body-scroll-2.html

Le cadre principal ne doit pas bouger. Donc je pense que je vais laisser les choses se faire naturellement...

**NoSmoking** · 29/10/2014, 11h26

Avant de continuer commence par mettre un DOCTYPE à ton document, par exemple <!DOCTYPE html>.

Scrollbar d'une div dans body

HTML

Vue hybride

Discussions similaires

Partager

Partager