Js - Div scrollen

Buhmann · 18.11.2005, 18:15

Hallo,
weiß jemand, wie man per Javascript ans Ende eines Div-Tags scrollen kann? (es wurde overflow:auto gewählt).
Ich habe folgendes versucht:

HTML-Code:

document.getElementById("d").scrollTo(0,1000000000000);

Die ID stimmt natürlich.

Ich kenne mich mit Javascript nicht so gut aus und stehe irgendwie auf dem Schlauch, auch selfhtml konnte mir nicht helfen.

Lars · 21.11.2005, 21:06

scrollTo() ist nur auf das <body>-Element anwendbar.

Buhmann · 21.11.2005, 21:42

Und wie krieg ich das bei einem div element hin?

WarrenFaith · 21.11.2005, 21:55

Soweit ich weiß gar nicht :/
IE macht das scrollen innerhalb eines divs automatisch. Der Firefox streikt dort komplett. Was mit Opera ist weiß ich nicht.

Lars · 21.11.2005, 22:02

Bei Firefox einmal auf die sichtbare Fläche des DIVs klicken, dann scrollen.

Buhmann · 22.11.2005, 20:38

Es geht ja drum wie man das mit js macht, per Hand kann ich das auch

Lars · 22.11.2005, 20:41

Mit JS gar nicht.
Mir fällt jedenfalls auch nach relativ langem Schädelzerbersten nichts ein

// Edit:
Solange es kein DIV mit Scrollbalken ist, kannst du ihn absolut positionieren, die Höhe auslesen und dann halt hinscrollen.

// Edit #2:
Ein Anker. Einen Anker setzen!

Buhmann · 22.11.2005, 22:12

und was bringt mir der anker? Ich kann die seite nicht extra dafür aufrufen. Das ganze muss ohne neuladen der Seite passieren.

Lars · 22.11.2005, 22:29

Code:

<a href="#ankerName">Zu ankerName scrollen</a>

[...]

<a name="ankerName" />

Das mein ich

Buhmann · 23.11.2005, 13:59

neeeee das geht auch net, das ganze muss alleine durch js gemacht werden, ohne dass der user irgendwas macht.

WarrenFaith · 23.11.2005, 14:11

meinst du ein komplettes autoscrollen wie ein newsticker? also einen reinen fließtext?
das sollte gehen, genug beispiele für fließtext gibts unter google

Buhmann · 23.11.2005, 18:24

Nein...

Im grunde geht es um eine art chat - kein wirklicher Chat aber etwas ähnliches, der mit ajax realisiert wurde. Die einzelnen Nachrichten werden untereinander in das DIV-Feld geschrieben. Immer, nachdem eine Nachricht eingetroffen ist soll dann nach unten gescrollt werden, damit man die neuste Nachricht auch sieht.

WarrenFaith · 23.11.2005, 20:21

die neuste nachricht oben hin und schon hat es sich erledigt

ansonsten sollte ein anker gehen (beim anker wird die seite _nicht_ neu geladen)
von daher einfach per javascript den anker aufrufen, sollte doch gehen oder?

Ben · 23.11.2005, 20:24

Dann haste pro Zeile/Nachricht einen Anker, oder?
Das muss doch irgendwie mit JavaScript gehen oder nicht ... hmm ..

Lars · 23.11.2005, 20:41

nö, keinen neuen Anker.

Code:

<div id="chatFrame">

  <div id="chatContents">
  </div>

  <div id="chatScroller">
    <a name="chatScroller" />
  </div>

</div>

Buhmann · 23.11.2005, 22:11

es wäre auch kein Problem, einfach einen Anker ans Ende zu setzen, da der Gesamte Inhalt neu geladen wird, wenn etwas dazu kommt. Allerdings kenne ich auch keine Methode mit js einen Anker aufzurufen.

Lars · 23.11.2005, 22:44

Code:

document.getElementById('link').click();

Code:

<a href="#chatScroller" />

Chr!s · 24.11.2005, 18:07

Eventuell mal von hier abgucken:
http://greenday.com/greenday.html

Lars · 24.11.2005, 18:24

Zitat:

Zitat von Chr!s

Eventuell mal von hier abgucken:
http://greenday.com/greenday.html

Das ist Flash.

Chr!s · 24.11.2005, 18:26

Ups hab ich nich aufgepasst

18.11.2005, 18:15	Nach oben #1
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 113	Js - Div scrollen Hallo, weiß jemand, wie man per Javascript ans Ende eines Div-Tags scrollen kann? (es wurde overflow:auto gewählt). Ich habe folgendes versucht: HTML-Code: document.getElementById("d").scrollTo(0,1000000000000); Die ID stimmt natürlich. Ich kenne mich mit Javascript nicht so gut aus und stehe irgendwie auf dem Schlauch, auch selfhtml konnte mir nicht helfen.

21.11.2005, 21:06	Nach oben #2
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	scrollTo() ist nur auf das <body>-Element anwendbar. __________________ Gedanken aus Draht stricken einen Zaun.

21.11.2005, 21:55	Nach oben #4
WarrenFaith Mensch Registriert seit: 17.08.2005 Ort: Berlin Beiträge: 1.793	Soweit ich weiß gar nicht :/ IE macht das scrollen innerhalb eines divs automatisch. Der Firefox streikt dort komplett. Was mit Opera ist weiß ich nicht. __________________ I did it my way - Senseless-Blog

21.11.2005, 22:02	Nach oben #5
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Bei Firefox einmal auf die sichtbare Fläche des DIVs klicken, dann scrollen. __________________ Gedanken aus Draht stricken einen Zaun.

22.11.2005, 20:41	Nach oben #7
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Mit JS gar nicht. Mir fällt jedenfalls auch nach relativ langem Schädelzerbersten nichts ein // Edit: Solange es kein DIV mit Scrollbalken ist, kannst du ihn absolut positionieren, die Höhe auslesen und dann halt hinscrollen. // Edit #2: Ein Anker. Einen Anker setzen! __________________ Gedanken aus Draht stricken einen Zaun.

21.11.2005, 21:42	Nach oben #3
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 113	Und wie krieg ich das bei einem div element hin?

22.11.2005, 20:38	Nach oben #6
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 113	Es geht ja drum wie man das mit js macht, per Hand kann ich das auch

22.11.2005, 22:12	Nach oben #8
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 113	und was bringt mir der anker? Ich kann die seite nicht extra dafür aufrufen. Das ganze muss ohne neuladen der Seite passieren.

22.11.2005, 22:29	Nach oben #9
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Code: <a href="#ankerName">Zu ankerName scrollen</a> [...] <a name="ankerName" /> Das mein ich __________________ Gedanken aus Draht stricken einen Zaun.

23.11.2005, 13:59	Nach oben #10
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 113	neeeee das geht auch net, das ganze muss alleine durch js gemacht werden, ohne dass der user irgendwas macht.

23.11.2005, 14:11	Nach oben #11
WarrenFaith Mensch Registriert seit: 17.08.2005 Ort: Berlin Beiträge: 1.793	meinst du ein komplettes autoscrollen wie ein newsticker? also einen reinen fließtext? das sollte gehen, genug beispiele für fließtext gibts unter google __________________ I did it my way - Senseless-Blog

23.11.2005, 18:24	Nach oben #12
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 113	Nein... Im grunde geht es um eine art chat - kein wirklicher Chat aber etwas ähnliches, der mit ajax realisiert wurde. Die einzelnen Nachrichten werden untereinander in das DIV-Feld geschrieben. Immer, nachdem eine Nachricht eingetroffen ist soll dann nach unten gescrollt werden, damit man die neuste Nachricht auch sieht.

23.11.2005, 20:21	Nach oben #13
WarrenFaith Mensch Registriert seit: 17.08.2005 Ort: Berlin Beiträge: 1.793	die neuste nachricht oben hin und schon hat es sich erledigt ansonsten sollte ein anker gehen (beim anker wird die seite _nicht_ neu geladen) von daher einfach per javascript den anker aufrufen, sollte doch gehen oder? __________________ I did it my way - Senseless-Blog

23.11.2005, 20:24	Nach oben #14
Ben Erfahrener Benutzer Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.800	Dann haste pro Zeile/Nachricht einen Anker, oder? Das muss doch irgendwie mit JavaScript gehen oder nicht ... hmm .. __________________ Mehr TuS Koblenz geht nicht ... Aktuell ... - Neue Gegner für die TuS: 1.FC Nürnberg - 5 neue Gegner 2008/09 - Informationsveranstaltung für Mitglieder - Förderkasse füllt sich - B-Jugend Rheinlandpokalfinale terminiert - A-Jugend I gewinnt Rheinlandpokal

23.11.2005, 20:41	Nach oben #15
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	nö, keinen neuen Anker. Code: <div id="chatFrame"> <div id="chatContents"> </div> <div id="chatScroller"> <a name="chatScroller" /> </div> </div> __________________ Gedanken aus Draht stricken einen Zaun.

23.11.2005, 22:11	Nach oben #16
Buhmann Erfahrener Benutzer Registriert seit: 19.08.2005 Beiträge: 113	es wäre auch kein Problem, einfach einen Anker ans Ende zu setzen, da der Gesamte Inhalt neu geladen wird, wenn etwas dazu kommt. Allerdings kenne ich auch keine Methode mit js einen Anker aufzurufen.

23.11.2005, 22:44	Nach oben #17
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Code: document.getElementById('link').click(); Code: <a href="#chatScroller" /> __________________ Gedanken aus Draht stricken einen Zaun.

24.11.2005, 18:07	Nach oben #18
Chr!s Erfahrener Benutzer Registriert seit: 04.09.2005 Ort: Nürnberg Beiträge: 561	Eventuell mal von hier abgucken: http://greenday.com/greenday.html __________________ http://www.ChrisDiary.De

24.11.2005, 18:26	Nach oben #20
Chr!s Erfahrener Benutzer Registriert seit: 04.09.2005 Ort: Nürnberg Beiträge: 561	Ups hab ich nich aufgepasst __________________ http://www.ChrisDiary.De