---
title: "Das Horizontale Scrollen von DIV classes"
url: "https://www.typo3.net/d/107869-das-horizontale-scrollen-von-div-classes"
source: "typo3.net"
tags: ["Frontend","JavaScript","Frage"]
created: "2011-10-20"
last_reply: "2011-10-22"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Das Horizontale Scrollen von DIV classes

Frontend › JavaScript · 3 Antworten · gestartet 2011-10-20

## Eröffnungsbeitrag

**AlexanderS.​** · 2011-10-20 · [Beitrag #1](https://www.typo3.net/d/107869-das-horizontale-scrollen-von-div-classes/1)

Hallo,

ich probiere mit Typo3 ein Digitales Schwarzes Brett zu realisieren. Dabei stehe ich nun vor dem folgenden Problem.
Ich würde gerne bei mehreren Beiträgen untereinander, das Div mit overflow:auto um Scrollingleisten erweitern lassen. Diese sollen dann mit einer bestimmten Geschwindigkeit nach unten scrollen. Dazu habe ich mir in JaveScript auch das ein oder andere Codeschnipsel gebastelt:

```javascript
i = 0
var speed = 1
function scroll() {
i = i + speed
var div = document.getElementById("c1")

div.scrollTop = i

if (i > div.scrollHeight - 160) {i = 0}

}
```

Leider funktionert dieses JaveScript nur für einzelnen DIVs. Laut meinen Informationen ist in Typo3 aber jeder Beitrag in ein eigenes DIV gehüllt.
Ich bräuchte aber eine Funktion die es mir ermöglicht einen ganze DIV Class scrollen zu lassen.
Um das ganze etwas zu verdeutlichen habe ich ein Übersichtsbild angehängt. Hier ist Nummer 1 und Nummer 2 in der gleichen DIV Class aber es sind unterschiedliche DIVs.

Gerne bin ich auch für andere Lösungen offen, es müsste eben möglich sein das man ohne den Einsatz von Eingabegeräten zwischen einer großen Liste von Beiträgen scrollen kann.

Mit freundlichen Grüßen

AlexanderS.

[Bild: \[upl-image-preview uuid=5f00b892-65fd-5303-9015-051ee087492b url=https://www.typo3.net/assets/files/typo3net/588-Startseite.jpg alt=Startseite.jpg thumbnail_url=https://www.typo3.net/assets/files/typo3net/588-Startseite.jpg\]](https://www.typo3.net/assets/files/typo3net/588-Startseite.jpg)

## Antworten

### [#2](https://www.typo3.net/d/107869-das-horizontale-scrollen-von-div-classes/2) · Chrissli · 2011-10-20

Hallo Alexander,

dein Beispiel ist veständlich, hat aber einen Haken:
Ohne den HTML-Code lässt sich leider nicht viel sagen wie du dein
Javascript anpassen könntest, damit das passt.
Online ist die Seite noch nicht, oder?

Ansonsten könntest du dein Template oder Typoscript anpassen,
damit der zu scrollende Inhalt in ein eigenes, immer gleiches
DIV gepackt wird, dass du dann scrollen lässt.

### [#3](https://www.typo3.net/d/107869-das-horizontale-scrollen-von-div-classes/3) · AlexanderS.​ · 2011-10-20

Hallo,

ich habe mal alle  wichtigen Dateien angehängt (ich hoffe es waren alle).

Ich habe es als ZIP Datei gepackt.

Ich hoffe das hilft weiter.

Du müsstest mir aber bitte einen Wink mit dem Zaunpfahl geben, ich bin sehr neu auf dem Gebiet.

Mit freundlichen Grüßen

Alexander Schuhmann

Typo3.zip

### [#4](https://www.typo3.net/d/107869-das-horizontale-scrollen-von-div-classes/4) · Chrissli · 2011-10-22

Soweit ich das sehe,

steht der zu scrollende Inhalt
ausnahmslos im div

```html
<div class="col linkespalte alignjustify"></div>
```

Mach doch daraus einfach

```html
<div id="scroll-anchor" class="col linkespalte alignjustify"></div>
```

und gibt im Javascript als ElementID anstelle von "c1" das Übergeordnete
"scroll-anchor" an.

---

Quelle: „Das Horizontale Scrollen von DIV classes“, typo3.net, https://www.typo3.net/d/107869-das-horizontale-scrollen-von-div-classes
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.