Scrollbar, niet verspringen?

**Ewout K.** · 14-11-2010, 14:40

Ik heb een aantal pagina's. Sommige zijn in de meeste resoluties scroll-less, en bij sommige pagina's zit er een scrollbar. Als je switch tussen deze pagina's verspringt alles een beetje van links naar rechts als de scrollbar in je browser komt. Is er een tooltje of truc om dit niet te hebben?

**Daan V.** · 14-11-2010, 14:56

html {
overflow-y: scroll;
}

**Ewout K.** · 14-11-2010, 17:35

Hi Daan, het werkt nu wel. Maar dan heb ik nu 2 scrollbars?

**Daan V.** · 14-11-2010, 21:01

Euh, nee? alleen is je scrollbar altijd aanwezig (je kan alleen niet scrollen waar het niet nodig is).. ofwel geen verspringing.

Misschien even een URL plaatsen?

**Marcel van Vrouwerf** · 14-11-2010, 23:29

het design 25px in width verkleinen, van fixed width naar relative width; om maar twee dingen te noemen. Als ik iets fixed maak, is dit in 90% van de gevallen 960px.

**Michael vv** · 15-11-2010, 02:04

Tussen je <head> en </head> dit zetten <body scroll="yes">

**Daan V.** · 15-11-2010, 11:09

Origineel gepost door Marcel van Vrouwerf

het design 25px in width verkleinen, van fixed width naar relative width; om maar twee dingen te noemen. Als ik iets fixed maak, is dit in 90% van de gevallen 960px.

Je eerste optie gaat niet werken natuurlijk, want het gaat hier om de scrollbar die komt bij een lange (niet brede) pagina. Je tweede optie eveneens.. Heb je de vraag van de TS wel gelezen?
Aanvullend bericht:

Origineel gepost door Michael vv

Tussen je <head> en </head> dit zetten <body scroll="yes">

Werkt niet altijd.

**Ewout K.** · 15-11-2010, 12:39

Als ik hem(overflow-y:scroll;) in de body zet doet ie het wel, en heb ik geen 2 verticale scrollbars.
Thanks!

**Michael vv** · 15-11-2010, 13:52

Origineel gepost door Daan V.

Je eerste optie gaat niet werken natuurlijk, want het gaat hier om de scrollbar die komt bij een lange (niet brede) pagina. Je tweede optie eveneens.. Heb je de vraag van de TS wel gelezen?
Aanvullend bericht:

Werkt niet altijd.

Hoezo werkt dat niet altijd? Ik gebruik het altijd en dat werkt altijd in alle browsers.

overflow-y:scroll;) heb je dat al getest in verschillende browsers?
Test het maar eens in IE6, 7. Volgens mij werkt het alleen in FF.

**J. Haan** · 15-11-2010, 15:58

De oplossing van Daan ( html {overflow-y: scroll;} ) werkt bij mij ook altijd, lijkt me dus een goede oplossing.

**J. Veuger** · 15-11-2010, 16:06

Origineel gepost door Michael vv

Test het maar eens in IE6, 7. Volgens mij werkt het alleen in FF.

Als het een Gecko/Firefox specifieke css-element is. Dan zou er -moz voor staan.

**Michael vv** · 16-11-2010, 01:36

Ik moest even zoeken, maar heb het topic gevonden.

In je CSS:

html, body {
height: 100%;
width: 100%;
overflow-x: hidden;
overflow-y: scroll;

In je HTML:

<body scroll="yes">

Die laatste is niet noodzakelijk maar vooral voor MSIE belangrijk.

http://www.macfreak.nl/cgi-bin/forum...m=8&topic=3186

Scrollbar, niet verspringen?