Scrolling , KUN vertikalt

Hvis du lader hele side udfylde med en div, og lave scrolling i den, så vil du kunne gøre det

Venyt lige lidt ...

Se denne. Du skal åbne et vindue med javascript, der ikke har scrollbars, ellers bliver der dobbelte scolls i højre side.

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY style="margin: 0px 0px 0px 0px;">

<div style="width: 100%; height: 100%; background: #ffccff; position: absolute; overflow-x: hidden; overflow-y: auto;">
jl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l l
<br>
<img width=300>
<br>
ækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj gljl lkj lkj kj l lækj jlk lkj
jjjlg jgl gjkgjg lkj lj ljhgjgjkgl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljj jljhjlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljjljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjv
</div>

</BODY>
</HTML>

Næ, nu er den der vist, så glem den foregående:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY style="margin: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden;">

<div style="width: 100%; height: 100%; background: #ffccff; position: absolute; overflow-x: hidden; overflow-y: auto;">
jl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l l
<br>
<img width=300>
<br>
ækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj gljl lkj lkj kj l lækj jlk lkj
jjjlg jgl gjkgjg lkj lj ljhgjgjkgl lkj lkj kj l lækj jlk lkj
jjjl ljljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljj jljhjlkj lj ljl lkj lkj kj l lækj jlk lkj
jjjl ljjljlkj lj ljl lkj lkj kj l lækj jlk lkj
jjv
</div>

</BODY>
</HTML>

-- og hvis du også skal understøtte Gecko-browserne, må du endnu også tilføje:

overflow:-moz-scrollbars-vertical; i dine styles !-)

oke..takker..kan man gøre dette med iframes også? ellers SKAL det være div tag?

Kommer an på, hvordan, men du kan jo sætte style-properties for dokumentet, som loadses inde i iframen ...

ja nemli..og det vil virke på samme måde..

note: jeg behøvede ikke at lave popup vidue..der kommer ikke double scollbars hos mig?

Nej det fandt jeg også ud af, det er

overflow-x: hidden;
overflow-y: hidden;

i BODY der gør det

<ole>

Det er fordi, man bær lægge det på documentElement-elementet (HTML-elementet):

<style type="text/css">
html {
  overflow-x: hidden;
  overflow-y: auto;
  /* Eller hvad du nu vil tildele af værdier */
}
</script>

I øvrigt understøtter de nyere Gecko'er også dette. Mozilla besluttde i september at tage forskud på denne CSS3-feature - så nyere FireFox'er forstår syntaksen  :)

/mvh
</bole>

Hehe ... ja, det er zq meget muligt, du også 'bær' (vi skal vel alle 'bæ' i ny og næ) - men i denne situation skulle der have stået 'bør'  ;D