---
title: "DIV och scroll"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/104484-div-och-scroll"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Moonman"
published: "2004-05-28T09:00:32.000Z"
updated: "2004-05-28T10:23:17.000Z"
replies: 11
views: 443
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/104484-div-och-scroll"
---

# DIV och scroll

## #1 — Moonman, 2004-05-28T09:00Z

Halo.

Tänk er en ruta. Dela sedan rutan vertikalt på mitten så att vi har två spalter. Dela sedan den högra spalten horisontelt så att vi totalt har tre rutor.

Jag skulle vilja att en scroll kom upp till höger om alla rutor men bara påverkar den vänstra spalten, de två mindre rutorna ska ligga kvar. 

Hur gör jag detta?

mvh Alex Robsahm

Permalänk: https://www.webforum.nu/p/104484

## #2 — Peter S, 2004-05-28T09:14Z

Har du någon befintlig HTML-kod man kan utgå från?

 :)

Permalänk: https://www.webforum.nu/p/1355105

## #3 — Moonman, 2004-05-28T09:19Z

Nej det har jag inte. Är det svårt att visualisera det jag frågar om? Jag behöver inte få kod tillbaka heller utan det räcker om någon kan säga vilka tekniker man ska använda och hur man ska tänka.

mvh Alex Robsahm

Permalänk: https://www.webforum.nu/p/1355110

## #4 — Peter S, 2004-05-28T09:23Z

Nej, jag förstår hur du tänkt att det visuellt skall se ut.  Är det \<iframe\>:s inblandade eller är det enbart \<div\>-element det är frågan om?

 :)

Permalänk: https://www.webforum.nu/p/1355116

## #5 — Jesper T, 2004-05-28T09:25Z

> Vad gör style.top?

Det undrar jag också... :) 
/r fel inlägg  :r

Permalänk: https://www.webforum.nu/p/1355117

## #6 — Moonman, 2004-05-28T09:33Z

Enbart DIV och TABLE. Vad gör style.top?

mvh Alex Robsahm

Permalänk: https://www.webforum.nu/p/1355121

## #7 — nitro2k01, 2004-05-28T09:52Z

```
<html>
<head>
<style>
.pa {position: absolute; border: 1px solid black;}
</style>
</head>
<body style="overflow: hidden;" scroll="no">
<div style="overflow: auto; left: 0px; top: 0px; height: 100%; width: 50%;" class="pa">
Vänster
<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 />
</div>

<div style="overflow: hidden; left: 50%; top: 0px; height: 50%; width: 50%;" class="pa">
Uppe till höger
</div>
<div style="overflow: hidden; left: 50%; top: 50%; height: 50%; width: 50%;" class="pa">
Nere till höger
</div>

</body>
</html>
```

:)
EDIT: Ändrade koden lite för tydlighetens skull.

Permalänk: https://www.webforum.nu/p/1355124

## #8 — Moonman, 2004-05-28T10:05Z

Kan du förklara vad det är i koden som gör att scrollen hamnar till höger om allt för jag kan inte hitta det.

mvh Alex Robsahm

Permalänk: https://www.webforum.nu/p/1355136

## #9 — nitro2k01, 2004-05-28T10:11Z

Den hamnar inte längst till höger... Men det där är det närmaste man kan komma utan att krångla till det alltför mycket.

Permalänk: https://www.webforum.nu/p/1355140

## #10 — Moonman, 2004-05-28T10:13Z

Jeg vet redan hur man gör det du beskrev men det är inte vad jag söker, tack iaf.

mvh Alex Robsahm

Permalänk: https://www.webforum.nu/p/1355143

## #11 — nitro2k01, 2004-05-28T10:21Z

```
 
<html>
<head>
<style>
.pf {[b]position: fixed;[/b] border: 1px solid black;}
</style>
</head>
<body>

Vänster
<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 />

<div style="overflow: hidden; left: 50%; top: 0px; height: 50%; width: 50%;" class="pf">
Uppe till höger
</div>
<div style="overflow: hidden; left: 50%; top: 50%; height: 50%; width: 50%;" class="pf">
Nere till höger
</div>

</body>
</html>
```

 
Alternativet är position: fixed; på lagren, som gör det du vill. Kruxet är att det inte funkar i någon version av IE. (Bara mozilla och Opera)

Permalänk: https://www.webforum.nu/p/1355147

## #12 — Moonman, 2004-05-28T10:23Z

Kan man inte göra en scroll och koppla den till ett specifikt lager?

mvh Alex Robsahm

Permalänk: https://www.webforum.nu/p/1355148

---

Tråden på webben: https://www.webforum.nu/amne/javascript/104484-div-och-scroll
