Søg
Avatar billede askalot Mester
10. februar 2005 - 21:22 Der er 9 kommentarer og
1 løsning

Scrolling , KUN vertikalt

Hej alle..

Kan man slå fra horizontal og vertikalt scrolling fra? , hvis man nu f.eks ikke vil ha at folk skal kunne scrolle horizontalt..selvom de har f.eks gjoprt vinduet mindre manuelt (med "håndtaget" nederst højre hjørne) ??

Kan man gøre det i html/css ..eller skal man ha knald i noget java?
Avatar billede ldanielsen Nybegynder
11. februar 2005 - 09:00 #1
Hvis du lader hele side udfylde med en div, og lave scrolling i den, så vil du kunne gøre det

Venyt lige lidt ...
Avatar billede ldanielsen Nybegynder
11. februar 2005 - 09:09 #2
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>
Avatar billede ldanielsen Nybegynder
11. februar 2005 - 09:10 #3
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>
Avatar billede roenving Novice
11. februar 2005 - 13:46 #4
-- og hvis du også skal understøtte Gecko-browserne, må du endnu også tilføje:

overflow:-moz-scrollbars-vertical; i dine styles !-)
Avatar billede askalot Mester
11. februar 2005 - 13:50 #5
oke..takker..kan man gøre dette med iframes også? ellers SKAL det være div tag?
Avatar billede roenving Novice
11. februar 2005 - 13:54 #6
Kommer an på, hvordan, men du kan jo sætte style-properties for dokumentet, som loadses inde i iframen ...
Avatar billede askalot Mester
11. februar 2005 - 13:56 #7
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?
Avatar billede ldanielsen Nybegynder
11. februar 2005 - 14:02 #8
Nej det fandt jeg også ud af, det er

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

i BODY der gør det
Avatar billede olebole Juniormester
11. februar 2005 - 20:25 #9
<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>
Avatar billede olebole Juniormester
11. februar 2005 - 20:27 #10
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
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
White papers
Flere white papers »